javascript - 将视频轨道 src 替换为变量

Question

我有以下名为 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

Answer 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 并定位它。