Javascript 显示多个字幕的html5视频

在我的项目中，我有两个带字幕的视频。我正在使用html

、

和

我有按钮，让用户选择要显示的视频。要加载视频，我使用以下

jquery

代码：

$("#sourceVideo").attr("src", urlVideo);
$("#trackSubtitulos").attr("src", urlSub);
$('#video').load();
$('#video').get(0).play()

加载和显示第一个视频时，一切正常，但一旦我点击按钮选择并查看下一个视频（在同一位置的右侧），它会向右加载，但我会看到第二个视频中的字幕，首先，如果第三个视频按钮，它会显示三个视频中的字幕，依此类推

谁能给我一个解决这个问题的提示，或者至少告诉我为什么会发生这种情况

---

谢谢

基本上，您可以在视频中添加多个曲目。因此，当您添加新的时，您并不是在替换旧的。 我认为解决这个问题最简单的方法就是隐藏所有以前添加的字幕。例如：

var video = document.getElementById('idOfYourVideoElement');
for (var i = 0; i < video.textTracks.length; i++) 
    video.textTracks[i].mode = 'hidden';

var video=document.getElementById（'idOfYourVideoElement'）；
对于（var i=0；i

基本上，您可以在视频中添加多个曲目。因此，当您添加新的时，您并不是在替换旧的。 我认为解决这个问题最简单的方法就是隐藏所有以前添加的字幕。例如：

var video = document.getElementById('idOfYourVideoElement');
for (var i = 0; i < video.textTracks.length; i++) 
    video.textTracks[i].mode = 'hidden';

var video=document.getElementById（'idOfYourVideoElement'）；
对于（var i=0；i