HTML5 비디오 객체의 ontimeupdate 이벤트에 대한 질문(Chrome에서는 유효하지 않음) _html5 튜토리얼 팁

Date는 HTML5 Video 개체를 사용하는 비디오 재생 페이지를 만들고 있습니다. 이는 HTML5의 새로운 개체로, 다양한 형식의 비디오 재생을 지원하며 JavaScript 스크립트를 전달할 수 있습니다. 비디오 재생을 제어합니다. 다음 두 링크를 참조하세요:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/ tag_video .asp

비디오 개체는 ontimeupdate 이벤트를 통해 현재 재생 진행 상황을 보고할 수 있으며 동시에 이 이벤트를 사용하여 비디오 재생 상황에 따라 페이지의 다른 요소를 제어할 수도 있습니다. 비디오 재생이 진행됨에 따라 챕터를 전환하고 추가 정보를 표시합니다. 예는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

시간 : / 0

그러나 위 코드 줄은 Chrome에서 유효하지 않은 것 같습니다.

코드 복사

코드는 다음과 같습니다.


videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition(); }, false);

왜 ontimeupdate 이벤트가 Chrome의 Video 요소에 직접 걸릴 수 없는지 모르겠지만, addEventListener 메소드. 그러나 addEventListener는 IE 및 Firefox 브라우저와도 호환되므로 통과해야 합니다.