Question

我想知道是否可以通过HTML5 VIDEO从AWS Cloudfront等CDN提供视频及其副标题？

这是我的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 Bucket提供视频和字幕文件，我得到了这个例外

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

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

我做错了什么？

编辑：修复拼写错误并添加cors标记

Answer 1

将crossorigin="anonymous"添加到您的视频标记中：

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

可以通过CDN提供html 5视频及其字幕吗？

1 个答案: