프로그래밍 남기기

사용예 JavaScript)

window.onload = function(){

var rewindBtn = document.getElementById("rewind");

var fastforwardBtn = document.getElementById("fastforward");

var myvideo = document.getElementById("myvideo");

rewindBtn.onclick = function(){

myvideo.playbackRate -= 1;

};

fastforwardBtn.onclick = function(){

myvideo.playbackRate += 1;

};

if ( typeof myvideo.ontimeupdate != "object"){

// DOM Level 0 방식의 이벤트 등록

myvideo.addEventListener( "timeupdate",updateTime)

}else{

// DOM Level 1 방식의 이벤트 등록

myvideo.ontimeupdate =  updateTime ;

}

};

function updateTime(){

var current  = myvideo.currentTime;

var duration = myvideo.duration;

playTime.innerHTML =  current + "/" + duration;

};

사용예 HTML )

   <div>

<video id="myvideo" controls="controls"  width="640" height="360" poster="../img/이미지 파일">

<source src="동영상 파일;"></source>

<p>

비디오 재생을 지원하지 않는 브라우저 입니다.

아래의 링크를 클릭하여 다운로드 받으세요.

</p>

</video>

</div>

<div>

<button id="play">play</button>

<button id="pause">pause</button>

<button id="rewind">&lt;&lt;</button>

<button id="fastforward">&gt;&gt;</button>

<span id="status"></span>

</div>