MatDialog和iframe出现问题

Question

我在使用Angular材质MatDialog和一个名为Libcast的iframe时遇到一些问题。 当我更改窗口大小或将视频设置为全屏时，遇到了许多不同的问题。 在Chrome上：视频重新开始，我可以看到窗口刷新了。 在Modzilla上：当我全屏打开时，视频崩溃，然后又回到无全屏页面。

我尝试使用开发者工具直接在MatDialog中添加iframe，但我没有遇到任何问题，它运行良好。

  private openLibcastResource(resource: Resource) { this.dialog.open(VideoComponent, { data: {url: resource.sourceInfo.src}, }); } 

 @Component({ selector: 'app-video', templateUrl: './video.component.html', }) export class VideoComponent implements OnInit { constructor(@Inject(MAT_DIALOG_DATA) public data: any, public dialogRef: MatDialogRef<VideoComponent>, private sanitizer: DomSanitizer) { } ngOnInit() { } public videoUrl() { return this.sanitizer.bypassSecurityTrustResourceUrl(this.data.url); } } 

  <iframe [src]="videoUrl()" class="libcast_player" width="560" height="450" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" style="opacity: 1; visibility: visible;"></iframe> 

您有什么想法吗？

Answer 1

每次我修改窗口大小时都会调用getUrl（）。 因此，视频已重置，这就是为什么它也崩溃为全屏显示的原因。