3

我想知道是否可以从 CDN（例如 AWS Cloudfront 和 HTML5 VIDEO）提供视频及其字幕？

这是我的 html5 视频代码：jsfiddle 

<video   controls    preload="auto" width="640" height="264" poster="https://s3.amazonaws.com/testpipeoutput/myjunittesting/vlcsnap-2015-07-02-13h39m38s227.png"
                   >
                <source src="https://s3.amazonaws.com/testpipeoutput/myjunittesting/oceans-clip.mp4" type="video/mp4">
                <track kind="captions" src="https://s3.amazonaws.com/testpipeoutput/myjunittesting/captions.vtt" srclang="en" label="English">
            </video>

在这种情况下，我试图从我的 AWS 存储桶中同时提供视频和字幕文件，但我得到了这个异常

（索引）：1 来自来源“ https://s3.amazonaws.com ”的文本轨道已被阻止加载：与文档的来源不同，并且轨道元素的父级没有“crossorigin”属性。因此不允许访问源“ https://fiddle.jshell.net ”。

请注意，我为我的 S3 存储桶启用了 CORS。

我究竟做错了什么 ？

编辑：修正错字并添加 cors 标签

4

1 回答 1

3

添加crossorigin="anonymous"到您的视频标签：

https://jsfiddle.net/akds86um/3/

于 2015-07-14T17:08:01.620 回答