在我的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,但都不起作用。
1条答案
按热度按时间7gs2gvoe1#
我不知道这是否是完整的解决方案,但你有没有尝试使用嵌入网址而不是手表网址:
https://www.youtube.com/embed/fqI-feIYfhY
如果这不起作用,我会尝试使用YouTube页面的
share > embed
选项中的代码片段,而不是直接的<video>
标签:你将需要谷歌使YouTube视频的响应,这是一个解决的问题.