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

Question

我想知道是否可以通过 HTML5 视频从 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' has been blocked from loading: Not at same origin as the document, and parent of track element does not have a 'crossorigin' attribute. Origin 'https://fiddle.jshell.net”的文本轨道因此不允许访问。

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

我做错了什么？

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

Answer 1

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

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

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

Can html 5 video and its captions be served from a CDN?

html

cors

html5-video

closed-captions

video.js