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

标签 javascript jquery html5-video

我有以下名为 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 并定位它。

关于javascript - 将视频轨道 src 替换为变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25588618/

相关文章:

javascript - 如何将对象包装在 Promise 中?

javascript - 使用带有 Aurelia 的 babel 和 webpack 生成 .js 源映射

javascript - jquery 在未嵌套的文本周围添加标签

android - 如何使用 html5 在 Android Web View 中播放视频

javascript - 为什么这个 jQuery 不起作用?

javascript - "Use the function form of "在使用 Gulp + Babel + JsHint 时使用 strict"

Jquery 依赖的下拉菜单在 IE 中不起作用

javascript - jQuery keyup 函数不起作用?

javascript - JW Player 无法播放 DAILYMOTION 和 VIMEO 视频,但 YOUTUBE 视频可以正常播放

javascript - 使用 Video.JS 同步两个视频