我正在我的视频元素中集成隐藏式字幕
<div style="text-align:center;">
<video width="720" height="360" controls>
<source src="Files/testvideo_1.mp4" type="video/mp4">
<track label="English" kind="subtitles" srclang="en" src="Files/testvideo_CC.xml" default >
Your browser does not support the video tag.
</video>
</div>
这里使用的字幕文件是 ttml 类型的。根据下面的链接,ttml 和 webvtt 类型的字幕文件都适用于 html5 视频。
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
但在 Internet Explorer 中,ttml 格式有效,而 webvtt 无效。在 firefox 和 chrome 的情况下,只有 webvtt 文件有效,而 ttml 无效。请参阅下面的链接
http://www.html5labs.com/prototypes/video-captioning/video-captioning/info
我只有 ttml 类型的字幕文件,并且在 web 的大多数教程中他们都使用 webvtt 文件,所以有什么方法可以在所有浏览器中使用它