如何在帧后的HTML5视频中添加链接？

Question

我有一个HTML5视频，我希望在上面显示一个链接。当我点击上述链接时，视频将跳转X个帧进一步进入视频。使用JQuery这样的JavaScript库可以做到这一点吗？

Answer 1

是的，这当然是有可能的。将以下JavaScript代码放入项目中是非常重要的：

 var myvideo = document.createElement('yourvideoid');
 var curtime = video.currentTime; 

这创建了两个保存视频元素和视频时间的变量。完成后，我建议您看一看来自dev.opera.com的this文章。

以防您需要跳到视频上的特定时间。下面是你要做的：

var mylinkbt= document.getElementById('mylinkid');
mylinkbt.addEventListener("click", function (event) {
    event.preventDefault();
    myvideo.currentTime = 7 /* your time here */;
    myvideo.play();
}, false);