将视频音轨src替换为变量

Replace Video track src with variable

本文关键字:变量 替换 src 视频 音轨      更新时间:2023-09-26

我有一个名为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

<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并将其作为目标。

由于<track>元素src属性采用vtt文件的url,因此只需将其设置为该

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