Question

CLO会议记录

我正在尝试在我的网络应用中创建一个视频，让用户可以点击页面上的按钮跳转到某个视频场。

我有类似

的东西

<video width="720" height="640" controls>
    <source src='/assets/video/test.mp4' type="video/mp4">
</video>    
<a href='#'>15 sec mark</a>
<a href='#'>25 sec mark</a>
<a href='#'>35 sec mark</a>

我看过js视频页面

http://www.w3schools.com/tags/ref_av_dom.asp

但它似乎没有为它提供方法或解决方案。

有人能给我任何建议吗？非常感谢！

Answer 1

结帐this docs。 mediaElement.currentTime = 15应该做到这一点。

Answer 2

请参阅更完整的this documentation：

var mediaElement = document.getElementById('mediaElementID');
mediaElement.seekable.start();  // Returns the starting time (in seconds)
mediaElement.seekable.end();    // Returns the ending time (in seconds)
mediaElement.currentTime = 122; // Seek to 122 seconds
mediaElement.played.end();      // Returns the number of seconds the browser has played

在onclick标记上使用<a/>事件，您应该可以轻松设置currentTime属性：

<video id="mediaElementID" width="720" height="640" controls>
    <source src='/assets/video/test.mp4' type="video/mp4">
 </video>    
<a href="#" onclick="document.getElementById('mediaElementID').currentTime = 15">15 sec mark</a>

如何跳转到视频中的不同帧

2 个答案: