html - 是否可以从 CDN 提供 html 5 视频及其字幕？

标签 html html5-video cors video.js closed-captions

我想知道是否可以使用 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 存储桶中提供视频和字幕文件，但我得到了这个异常

(index):1 来自原点的文本轨道 ' https://s3.amazonaws.com ' 已被阻止加载:与文档不在同一来源，并且 track 元素的父级没有 'crossorigin' 属性。产地' https://fiddle.jshell.net ' 因此不允许访问。

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

我做错了什么？

编辑:修复拼写错误并添加 cors 标签

最佳答案

将 crossorigin="anonymous" 添加到您的视频标签中:

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

关于html - 是否可以从 CDN 提供 html 5 视频及其字幕？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31397162/