Chrome 离子4角:被阻止的Youtube视频“跨源读取阻止(CORB)”

pbpqsu0x  于 2022-12-16  发布在  Go
关注(0)|答案(1)|浏览(272)

在我的Ionic 4-Angular应用程序中,我试图在名为***activity-video.page.html***的Modal页面上显示一个YouTube视频

<video>
    <source [src]="videoURL" />
</video>

我的***活动-视频.页面.ts***类似于:

videoURL: string;

  constructor(navParams: NavParams, private modalController: ModalController) {
    this.videoURL = navParams.get("videoURL");
  }

没有错误,但Chrome DevTools中只有一条消息:
跨源读取阻止(CORB)阻止了MIME类型为text/html的跨源响应https://m.youtube.com/watch?v=fqI-feIYfhY。有关详细信息,请参阅https://www.chromestatus.com/feature/5629709824032768
我试着这样运行谷歌浏览器:* chrome.exe--禁用网络安全 * 但不起作用
我尝试了一个Chrome扩展来避免CORB,也尝试了Chrome,但都不起作用。

7gs2gvoe

7gs2gvoe1#

我不知道这是否是完整的解决方案,但你有没有尝试使用嵌入网址而不是手表网址:
https://www.youtube.com/embed/fqI-feIYfhY
如果这不起作用,我会尝试使用YouTube页面的share > embed选项中的代码片段,而不是直接的<video>标签:

<iframe width="560" height="315" src="https://www.youtube.com/embed/fqI-feIYfhY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

你将需要谷歌使YouTube视频的响应,这是一个解决的问题.

相关问题