将章节链接添加到视频

【问题标题】：Add chapter links to a video将章节链接添加到视频
【发布时间】：2014-01-14 07:10:40
【问题描述】：

我对 JavaScript 和 jQuery 还很陌生，但我的网页中有一个视频（视频标签），左侧有一堆链接。现在链接应该充当章节。

因此，如果我点击某个章节，视频应该会跳转到视频中的特定时间。

有什么好的办法可以解决我的问题吗？

提前致谢

【问题讨论】：

想要你找到与之相关的东西
显示你的代码你到目前为止尝试了什么
为什么你不能只使用任何服务器端脚本语言并传递视频 ID，从数据库中提取视频路径并在同一页面上为你播放视频

标签： javascript jquery html html5-video

【解决方案1】：

您可以通过使用 HTML 5 视频 API 及其 currentTime 属性来完成此操作。有了这个，您可以跳转到视频中的给定时间（以秒为单位）。

这里是documentation。

你会这样使用它：

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);

这里有一个 fiddle 演示了这一点，取自以下线程：html5 video button that takes video to specific time

【讨论】：