HTML5视频不能与crossOrigin =＆＃34;匿名＆＃34;

Question

我正在尝试将HTML5视频播放器集成到我的应用程序中。我的视频源和标题（用于曲目标记）来自不同的域。

当我使用

时

case

以上所有代码在Chrome不安全模式下都可以正常使用（禁用网络安全性）。 对于常规Chrome，如果我没有指定crossOrigin属性，则会收到错误消息

  

来自原点的文字追踪＆＃39; ...＆＃39;已被阻止加载：与文档的原点不同，并且track元素的父元素没有“cross crossigin”＃39;属性。起源＆＃39; http://localhost ......＆＃39;因此不允许访问。

指定crossOrigin属性后，标题API会成功获取数据。但视频不会播放。任何人都可以建议我如何使用crossOrigin属性设置播放视频？

Answer 1

在设置crossorigin =＆＃34; anonymous＆＃34;之后，我需要在视频源网址上启用CORS。视频网址需要返回以下响应标头：

  

Access-Control-Allow-Origin：*（或域白名单）

使用此扩展程序帮助我模拟了问题的修复： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en