비디오에 챕터 링크 추가

Question

나는 JavaScript와 jQuery를 처음 사용하지만 웹 페이지에는 비디오 (비디오 태그)가 있고 왼쪽에는 링크가있다. 이제 링크가 장으로 작동해야합니다.

챕터를 클릭하면 비디오가 비디오의 특정 시간으로 이동해야합니다.

내 문제를 해결하는 좋은 해결책이 있습니까? 당신은 HTML 5 비디오 API를하고 currentTime 속성을 사용하여이 작업을 수행 할 수 있습니다 사전

Answer 1

에

감사합니다. 이렇게하면 비디오 내의 지정된 시간 (초)으로 이동할 수 있습니다.

여기는 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