HTML5 비디오 이벤트 애플리케이션 example_html5 튜토리얼 기술

1. 동영상 길이 가져오기

동영상이 동영상에 로드되면 onloadedmetadata 이벤트를 사용하여 동영상 길이를 가져옵니다.

코드 복사

코드는 다음과 같습니다.

video.onloadedmetadata = function ( ) {
var vLength = video.duration;
console.log(vLength)
}

2. 🎜>동영상 재생이 시작되면 ontimeupdate 이벤트를 사용하여 동영상의 현재 재생 진행 상황을 가져올 수 있습니다. ontimeupdate 이벤트는 비디오 객체의 currentTime 속성이 변경될 때 트리거됩니다. currentTime 속성은 소수점 이하 최대 12자리까지 사용할 수 있는 부동 소수점 십진수입니다.

코드 복사코드는 다음과 같습니다.

video.ontimeupdate = 함수( ) {

var vTime = video.currentTime;
console.log(vTime)