标题不适用于Video.js

时间:2014-03-19 21:55:50

标签: video.js closed-captions

我一直在使用Video.js嵌入mp4视频,这是一个伟大的播放器,感谢所有开发和使用它的人。在大多数情况下,它运作良好,但我需要解决一些小问题。

这是其中一个视频页面; Columbia River Bass Fishing。它主要是XHTML Transitional,我认为混合HTML 5会导致一些问题,特别是对于属性值,但只要它有效,我将在稍后详细说明。这是video.js代码:

<video id="WAW_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" poster="ColumbiaRiverSmallmouthBassFishing.jpg" data-setup='{"WAW_option":true}' >
<source src="ColumbiaRiverSmallmouthBassFishing.mp4" type='video/mp4' />
<track kind="captions" src="captions.vtt" srclang="en" label="English" default />
Your browser does not support this video. Maybe you should update your internet browser
</video>

视频内容在Firefox,Chrome和IE11中运行良好,但没有字幕。 “captions.vtt”文件是正确的,IE10将在我的计算机上本地显示标题,但在远程服务器上没有标题。我尝试使用VTT文件的完整URL位置,但这也不起作用。

快速浏览一下这个页面上的编码应该告诉你我不是专家,但是我想尝试生成有效且符合要求的代码,所以请原谅这些愚蠢的问题。

提前致谢

Ron B

1 个答案:

答案 0 :(得分:0)

如果您的网络服务器配置存在MIME类型问题,请将.vtt更改为.txt。

如果需要将web.config添加到root,则需要将.vtt列为可接受的MIME类型。