, как перейти к другому кадру в видео

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

Answer 2

Отъезд this docs. mediaElement.currentTime = 15 должен сделать трюк.