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用上面的url替换字幕轨道src。我想知道最好的办法是什么。

我在想的是 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并将其作为目标。

Answer 2

由于<track>元素src属性获取vtt文件的url，因此只需将其设置为

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

用变量替换视频轨道src

2 个答案: