如何跳轉到不同的幀視頻

Question

CLO會議指出

我想創建我的web應用程序的視頻，讓用戶能夠點擊頁面上的按鈕跳轉到視頻的某個農場。

我有類似

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

在<a/>標籤使用的onclick事件中，你應該能夠設置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> 

Answer 2

結帳this docs。 mediaElement.currentTime = 15應該做的伎倆。