javascript - 如何使用 URL 在特定时间代码传递开始 HTML5 视频？

Question

我需要一个在特定时间开始播放的视频，并且我需要该时间由写入页面 URL 的值来确定。

我有这个视频元素:

<video id="vid1" width="auto" height="auto" controls autoplay>
  <source src="video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

此函数成功地将视频提示到 50 秒:

<script>
document.getElementById('vid1').addEventListener('loadedmetadata',   function() {
  this.currentTime = 50;
}, false);
</script>

假设我的网址是 http://www.mywebaddress.com/video1.html?50

我想从 URL 中获取值“50”并将其传递到我的函数中，以便我可以动态更改视频提示的时间。

我有这个函数可以从 URL 中获取值:

<script>
function GetUrlValue(VarSearch){
    var TimeCode = window.location.search.substring(1);
}
</script>

我现在如何重写 cue 函数，以便将值设置为在 URL 中选择的任何值？

提前致谢。

Answer 1

你可以试试这个:

<script>
var TimeCode;
function GetUrlValue(){
    TimeCode = parseInt(window.location.href.split("?")[1]);
}
</script>

然后:

GetUrlValue();
document.getElementById('vid1').addEventListener('loadedmetadata',   function() {
  this.currentTime = TimeCode;
}, false);