HTML5视频无法与crossOrigin =“ anonymous”一起播放

我正在尝试将HTML5视频播放器集成到我的应用程序中。我的视频源和字幕（用于跟踪标记）来自其他域。

当我使用

在Chrome不安全模式（已禁用网络安全性）下，上述所有代码对我来说都可以正常工作。使用常规Chrome时，如果我未指定crossOrigin属性，则会收到一条错误消息：

已阻止从原点“ ...”开始的文本轨道的加载：与文档的原点不在同一原点，并且track元素的父级没有“ crossorigin”属性。因此，不允许访问源“ http：// localhost ...”。

指定crossOrigin属性后，字幕API成功获取数据。但是视频无法播放。谁能建议我如何使用crossOrigin属性集来播放视频？

设置crossorigin =“ anonymous”后发现，我还需要在视频源URL上启用CORS。视频网址需要返回以下响应标头：

Access-Control-Allow-Origin：*（或要列入白名单的域）

使用此扩展程序可以帮助我模拟该问题的修复方法：https : //chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=zh-CN