프로그래스바 실시간으로 변경하기...

function doFirst() {
    barSize = 600;
    myMovie = document.getElementById("myMovie");
    playButton = document.getElementById("playButton");
    bar = document.getElementById("defaultBar");
    progressBar = document.getElementById("progressBar");
   
    playButton.addEventListener("click", playOrPause, false);
}

function playOrPause(){
    if (!myMovie.paused && !myMovie.ended) {
        myMovie.pause();
        playButton.innerHTML= "Play";
        window.clearInterval(updateBar);
    } else {
        myMovie.play();
        playButton.innerHTML = "Pause";
        updateBar = setInterval(update, 500);
    }
}

function update() {
    if (!myMovie.ended) {
        var size = parseInt(myMovie.currentTime*barSize/myMovie.duration);
        progressBar.style.width = size+"px";
    } else {
        progressBar.style.width = "0px";
        playButton.innerHTML= "Play";
    }
}

window.addEventListener("load", doFirst, false);