我正在尝试将 HTML5 视频播放器集成到我的应用程序中。我的视频源和标题（用于轨道标签）来自不同的域。
当我使用
<video crossOrigin="anonymous">
<source src="domain1Url"> ... </source>
<track kind="captions" label="English Captions" src="domain2Url" srclang="en" default>
</video>
上述所有代码在 Chrome 不安全模式（禁用网络安全）下都可以正常工作。
对于常规 Chrome，如果我不指定 crossOrigin 属性，则会收到一条错误消息
来自原点“...”的文本轨道已被阻止加载：与文档来源不同，并且轨道元素的父级没有“crossorigin”属性。起源 'http://localhost http://localhost...' 因此不允许访问。
指定crossOrigin属性后，caption API成功获取数据。但视频无法播放。谁能建议我如何使用 crossOrigin 属性集播放视频？
结果设置 crossorigin="anonymous" 后，我还需要在视频源 URL 上启用 CORS。视频URL需要返回以下响应头：
Access-Control-Allow-Origin: *（或白名单域）
使用此扩展帮助我模拟了该问题的修复：https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
