如何直接通过文字设置HTML5视频字幕?

时间:2015-03-18 11:39:21

标签: html5 html5-video subtitle

例如,这是一个video标记,其中包含track

<video src='some_video.mp4'>
    <track id='some_subtitle' kind='subtitles'>
</video>

我不想设置src标记的track属性,因为我正在编辑页面上的字幕。我尝试过像

这样的东西
document.getElementById('some_subtitle').value = '1\n0.00 --> 5.00\nSubtitle';

但是不起作用。谁能告诉我这样做的正确方法是什么?

1 个答案:

答案 0 :(得分:2)

这样的事情:

video = document.getElementById('vid');
track = video.addTextTrack('captions');
track.mode = "showing";
track.addCue(new VTTCue(0, 5, 'Subtitle'));
track.addCue(new VTTCue(10, 15, 'Hi, cue!'));

等等。还有一个removeCue方法。

http://www.html5rocks.com/en/tutorials/track/basics/#toc-cues-js http://www.w3.org/TR/html5/embedded-content-0.html#text-track