HTML5 track元素没有'；交叉原点'；属性

我的AWS S3中存储了MP4视频文件和WEBVTT文件。 AWS S3批量配置到我的子域，并可以通过以下方式访问它：

我的web应用程序位置：

加载页面时，我尝试加载视频和曲目元素：

<video id="Video." controls  width="100%" height="90%" style="padding-top: 30px;height: 90%;">
<source src="http://clip.mydomain.com/bulkname/video.mp4" type="video/mp4">
<track kind="metadata" label="GetAlert metadata" src="http://clip.mydomain.com/bulkname/video.trk" srclang="en" default></track>
</video>

我发现以下跨域错误：

来自源“”的文本曲目已被阻止 从加载：与文档不在同一原点，且为轨迹的父级 元素没有“crossorigin”属性。起源 因此不允许访问“”

我的批量配置为支持跨域( CORS配置），这似乎是我给了访问权限，我也尝试了没有“http://”：

http://clip.mydomain.com
放
邮递
删除
得到
*
http://dev.mydomain.com
得到
放
邮递
删除
*
*
得到
放
邮递
删除
*

将

crossorigin=“anonymous”

添加到

标签：

<video id="Video." crossorigin="anonymous" controls  width="100%" height="90%" style="padding-top: 30px;height: 90%;">
<source src="http://clip.mydomain.com/bulkname/video.mp4" type="video/mp4">
<track kind="metadata" label="GetAlert metadata" src="http://clip.mydomain.com/bulkname/video.trk" srclang="en" default></track>
</video>

---

参见

CORS配置似乎合法，但考虑<代码>父元素的轨道元素没有“交叉”属性。< /代码>…似乎您的一个标记需要

crossorigin=“anonynmous”

或类似的东西。我的猜测相当疯狂，但这就是错误似乎在说的。@Michael sqlbot事实确实如此。但即使添加属性也不能保证访问，因为服务器可以拒绝请求。我不确定我是否理解你的意思。当然，服务器“可以”拒绝请求——但不会。这是你的服务器。现在的问题是浏览器本身拒绝请求资源。它没有请求并被拒绝。我将crossorigin=“anonynmous”添加到视频元素，但收到以下错误：跨源资源共享策略已阻止源“”处的重定向加载：请求的资源上不存在“Access Control Allow origin”头。因此不允许访问源“”。@Michael sqlbot，您键入的

anonymous

错误，@Joseph将其按原样添加到了打字错误中。我曾将此属性添加到曲目标记中，但这还不够，应将其添加到视频标记中，如您所述。

<video id="Video." crossorigin="anonymous" controls  width="100%" height="90%" style="padding-top: 30px;height: 90%;">
<source src="http://clip.mydomain.com/bulkname/video.mp4" type="video/mp4">
<track kind="metadata" label="GetAlert metadata" src="http://clip.mydomain.com/bulkname/video.trk" srclang="en" default></track>
</video>