Как отключить свойства видеоплеера в iframe с помощью angular8

Question

В моем приложении angular8 есть видеоплеер с помощью ngx-embeded-video. Мне нужно отключить опцию проигрывателя по умолчанию, такую ​​как пауза, макси-окно, громкость, опция воспроизведения. Кроме того, это видео должно воспроизводить модальное всплывающее окно с угловым материалом, для которого нужно включить все параметры проигрывателя. Воспроизведение видео показано ниже Когда пользователь нажимает на это видео, что время модального материала необходимо открыть и воспроизвести то же видео, я пробовал открыть модель, но не работает, мне нужна помощь в этом. HTML:

ts:
  import { EmbedVideoService } from 'ngx-embed-video';
  import { CarPopupModalComponent } from '../car/car-popup-modal/car-popup-modal.component'

  export class CarComponent implements OnInit {
  videos: any;
  vimeoUrl = 'https://vimeo.com/197933516';
  constructor(private embedService: EmbedVideoService){
    this.videos = this.embedService.embed(this.vimeoUrl);
    }
    openCarDialog(): void {
    console.log('inside the modal');
    this.dialog.open(CarPopupModalComponent, {
      width: '250px',
      data: {}
    })
  }
  }

Answer 1

Я был достигнут через следующий угловой пакет поддержки " https://www.npmjs.com/package/mat-video"

 npm install --save mat-video 

 import to module,

 import { MatVideoModule } from 'mat-video';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    MatVideoModule
  ],
})
export class AppModule { }

html:
<mat-video title="{{'Advertisement Video' | translate}}" [autoplay]="false" [preload]="false" [fullscreen]="false" [download]="false"
      spinner="spin" (click)="openCarDialog()">
      <source matVideoSource src="../../../assets/videos/fourkvideo.mp4" type="video/mp4">

ts:
Vidoe can play angular madal pop by
openCarDialog(): void {
    console.log('inside the modal');
    this.dialog.open(CarPopupModalComponent, {
      width: '720px',
      height: '500px',
      data: {}
    })
  }