Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将章节链接添加到视频_Javascript_Jquery_Html_Html5 Video - Fatal编程技术网

Javascript 将章节链接添加到视频

Javascript 将章节链接添加到视频,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,我对JavaScript和jQuery相当陌生,但我的网页中有一个视频(视频标签),左侧有一堆链接。现在链接应该作为章节 因此,如果我点击一个章节,视频应该跳转到视频中的特定时间 有解决我问题的好办法吗 提前感谢您可以使用HTML5视频api及其currentTime属性来完成此操作。 有了它,你可以在视频中跳到给定的时间(以秒为单位) 这是你的电话号码 您可以这样使用它: var myvideo = document.getElementById('myvideo'), chpt1 =

我对JavaScript和jQuery相当陌生,但我的网页中有一个视频(视频标签),左侧有一堆链接。现在链接应该作为章节

因此,如果我点击一个章节,视频应该跳转到视频中的特定时间

有解决我问题的好办法吗


提前感谢

您可以使用HTML5视频api及其
currentTime
属性来完成此操作。 有了它,你可以在视频中跳到给定的时间(以秒为单位)

这是你的电话号码

您可以这样使用它:

var myvideo = document.getElementById('myvideo'),
    chpt1 = document.getElementById('chpt1');

chpt1.addEventListener("click", function (event) {
    event.preventDefault();
    myvideo.play();
    myvideo.pause();
    myvideo.currentTime = 7; // or whatever
    myvideo.play();
}, false);

下面是一个演示,摘自以下线程:

想要找到与之相关的东西吗?如何显示您的代码到目前为止尝试了什么?为什么您不能使用任何服务器端脚本语言并传递从db提取视频路径的视频ID,然后在同一页面上为您播放视频