html5-video - MediaElment.js : How to change the source files of subtitles (track element) on the fly?

Question

更改视频源(通过 setSrc() 方法)时，如何动态更改字幕的源文件(最初通过 元素在 HTML 中定义)？

换句话说，在播放视频时，我使用 setSrc() 方法来更改视频源，并且我还会重新定义链接的字幕文件 (SRT)。

Answer 1

我设计的一个技巧是在字幕轨道上设置一个 ID

<track id="subtitles" kind="subtitles" src="subtitles.srt" srclang="en" />

然后在您需要的任何事件中，您可以使用:

$('#subtitles').attr('src', 'different_subtitles.srt');
player.findTracks();
player.loadTrack(0);
player.setSrc('different_video.mp4');

可能有一个更优雅的方法来解决这个问题，MediaElementJS 真的应该为此提供一个 API。但与此同时，这个技巧应该能让你过得去。