代码之家 › 专栏 › 技术社区 › user2832704

Video.js自动加载字幕/字幕

captions video.js jquery javascript

user2832704 · 技术社区 · 12 年前

我正在做一个网站,我需要展示一个播放器,我推出了video.js,但我有一个问题,我如何在不需要用户点击任何东西的情况下显示字幕?

这是我的代码:

<video id="filme" class="video-js vjs-default-skin" controls preload="auto" width="100%" height="640" data-setup='{}'>
    <source src="./video.mp4" type='video/mp4' />
    <track kind="subtitles" src="./subs/subtitles.srt" srclang="pt" label="PortuguÃªs" default>
</video>

我希望你能帮助我。

提前谢谢。

2 回复 | 直到 12 年前

user2832704 11 年前

我找到了解决方案。你可以在github上查看, https://github.com/videojs/video.js/issues/656

这是您应该在第6666行及之后更新的代码。添加此代码:

if(track.dflt()) {
  this.player_.showTextTrack(this.track.id_, this.track.kind());
}

在此之后:(第6676行,自v4.3起)

 this.player_.on(track.kind() + 'trackchange', vjs.bind(this, this.update));

我希望这能帮助到别人。

Jason Gennaro 11 年前

根据 视频.js 文档

定时文本需要中的文本文件 网络VTT 总体安排

您当前的 track 正在引用 .srt 文件

尝试将其更改为 WebVTT .

这里有一个建设者: http://ie.microsoft.com/testdrive/Graphics/CaptionMaker/

文档

http://www.videojs.com/docs/tracks/

推荐文章

Alocus · 在Vuejs组件中使用videojs vr

7 年前

ep84 · Angularjs控制器未使用服务注册Annyang语音识别

8 年前

xendi · Videojs响应灯箱不工作

8 年前

SeaBass · 如何使用videojs播放列表?

8 年前

mdash1 · 使用props从子类访问/更改父类状态(React)

8 年前

Abanoub · videojs多种音频语言

8 年前

Swap · 向Polymer添加外部JS库

8 年前

Mustafa Dwaikat · 如何防止跳过iPhone ios视频播放器上的广告?

9 年前

Parth Solanki · 使用java和video.js从inputstream加载视频

10 年前

user2832704 · Video.js自动加载字幕/字幕

12 年前