用变量替换视频轨道 src答案

【问题标题】：Replace Video track src with variable用变量替换视频轨道 src
【发布时间】：2014-08-31 03:06:38
【问题描述】：

我有一个名为 url 的变量，它等于下面的 blob，它是一个 vtt 文件

url = "blob:https%3A/d1d7b857-3364-4a21-868c-f4a9580c5e2c...."

以及下面的视频页面

<video id="gump" width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
</video>

我想使用 JS 或 Jquery 将字幕轨道 src 替换为上述 url。我想知道最好的方法是什么。

我当时想的是 document.getElementById("gump").src = url 但似乎不起作用，因为我需要获取轨道 src

【问题讨论】：

标签： javascript jquery html5-video

【解决方案1】：

<video id="gump" width="320" height="240" controls>
  <source id='mySource' src="forrest_gump.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
</video>

document.getElementById("mySource").src = url

在实际的源元素上放置一个 id 并定位它。

【讨论】：

【解决方案2】：

由于<track> 元素src 属性采用vtt 文件的url，只需将其设置为那个

$('#gump track').prop('src', url);

【讨论】：