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

时间:2013-09-30 21:07:26

标签: javascript jquery video.js captions

我正在做一个网站而且我需要展示一个播放器并且我出来了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 个答案:

答案 0 :(得分:3)

我得到了解决方案。 你可以在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));

我希望这有助于某人。

答案 1 :(得分:0)

根据 Video.js 文档...

  

定时文字需要 WebVTT 格式的文字文件。

您当前的track引用了.srt文件。

尝试将其更改为WebVTT

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

<强>文档

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