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

神经元

例如,这是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';

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

阿尔德尔

像这样:

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/zh-CN/tutorials/track/basics/#toc-cues-js http://www.w3.org/TR/html5/embedded-content-0.html#text-track

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

如何通过 JavaScript 在 HTML5 视频播放器上显示不同语言的字幕?

来自分类Dev

如何在HTML5中更改视频字幕的字体大小?

来自分类Dev

如何正确发布带有字幕的html5视频[seo]

来自分类Dev

离线观看带字幕的HTML5视频

来自分类Dev

如何设置固定的html5视频高度?

来自分类Dev

设置HTML5视频大小?

来自分类Dev

设置HTML5视频大小?

来自分类Dev

如何在 html5 原生视频播放器中添加延迟或偏移以同步 webvtt 字幕?

来自分类Dev

通过PHP fpassthru()加载了mp4 / webm的Chrome HTML5视频:无法设置currentTime?

来自分类Dev

如何同步HTML5视频?

来自分类Dev

如何使用HTML5播放视频?

来自分类Dev

html5视频如何静音?

来自分类Dev

在html中设置html5视频的播放速率

来自分类常见问题

如何在HTML5视频上设置缩略图?

来自分类Dev

如何在Cordova中播放HTML5视频时忽略铃声设置

来自分类Dev

ReactJS:如何通过React正确播放带有onClick事件的html5视频?

来自分类Dev

如何通过Chrome扩展程序访问Netflix的HTML5视频标签元数据

来自分类Dev

如何通过使用HTML5中的视频标签来避免在播放视频时向后移动

来自分类Dev

HTML5视频上方无法选择的文本

来自分类Dev

如何通过播放视频自动加载字幕

来自分类Dev

在HTML5视频中发布设置currentTime的问题

来自分类Dev

将html5视频设置为特定的帧

来自分类Dev

设置currentTime后,html5视频等待readystate == 4

来自分类Dev

HTML5视频设置最大播放时长

来自分类Dev

将html5视频设置为特定的帧

来自分类Dev

html5视频标记以编程方式设置src

来自分类Dev

Javascript设置/替换html5视频上的源src =“”

来自分类Dev

使用CORS的画布通过HTML5视频截图

Related 相关文章

  1. 1

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

  2. 2

    如何通过 JavaScript 在 HTML5 视频播放器上显示不同语言的字幕?

  3. 3

    如何在HTML5中更改视频字幕的字体大小?

  4. 4

    如何正确发布带有字幕的html5视频[seo]

  5. 5

    离线观看带字幕的HTML5视频

  6. 6

    如何设置固定的html5视频高度?

  7. 7

    设置HTML5视频大小?

  8. 8

    设置HTML5视频大小?

  9. 9

    如何在 html5 原生视频播放器中添加延迟或偏移以同步 webvtt 字幕?

  10. 10

    通过PHP fpassthru()加载了mp4 / webm的Chrome HTML5视频:无法设置currentTime?

  11. 11

    如何同步HTML5视频?

  12. 12

    如何使用HTML5播放视频?

  13. 13

    html5视频如何静音?

  14. 14

    在html中设置html5视频的播放速率

  15. 15

    如何在HTML5视频上设置缩略图?

  16. 16

    如何在Cordova中播放HTML5视频时忽略铃声设置

  17. 17

    ReactJS:如何通过React正确播放带有onClick事件的html5视频?

  18. 18

    如何通过Chrome扩展程序访问Netflix的HTML5视频标签元数据

  19. 19

    如何通过使用HTML5中的视频标签来避免在播放视频时向后移动

  20. 20

    HTML5视频上方无法选择的文本

  21. 21

    如何通过播放视频自动加载字幕

  22. 22

    在HTML5视频中发布设置currentTime的问题

  23. 23

    将html5视频设置为特定的帧

  24. 24

    设置currentTime后,html5视频等待readystate == 4

  25. 25

    HTML5视频设置最大播放时长

  26. 26

    将html5视频设置为特定的帧

  27. 27

    html5视频标记以编程方式设置src

  28. 28

    Javascript设置/替换html5视频上的源src =“”

  29. 29

    使用CORS的画布通过HTML5视频截图

热门标签

归档