我在从Amazon S3上托管的VTT文件获取使用VideoJS的标题时遇到问题。
示例如下所示。如果我在本地服务VTT文件,那么它工作正常。如果我在Firefox中尝试它也可以正常工作。这似乎是IE8的一个问题。我在S3中以text / plain的形式提供文件。
任何人都有任何想法,为什么会这样?
<!doctype html>
<html>
<head>
<link href="http://vjs.zencdn.net/4.3/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.3/video.js"></script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="captions" src="http://twig-video-captions.s3.amazonaws.com/demo.captions.vtt" srclang="en" label="English" default>
</video>
<script>
var vid = videojs("example_video_1", {
techOrder: ["flash","html5"]
});
</script>
</body>
</html>