JS中的视频播放器

时间:2013-11-09 18:07:57

标签: javascript video-player

我已经关注了YouTube(thenewboston)上的一些教程,我不明白这里的错误在哪里。我完全遵循它的说法(HTML文件和CSS文件是正确的)。我真的不明白:

function prima() {
    DimensioniBarra=600; // barSize
    MyVid=getElementById('MyVid');
    play=getElementById('play');
    barra=getElementById('barra');
    barraCaricamento=getElementById('barraCaricamento');

    play.addEventListener('click', PlayPause, false);
    barra.addEventListener('click', cliccaBarra, false);
}
function PlayPause(){
    if(!MyVid.paused && !MyVid.ended) {
        MyVid.pause();
        play.innerHTML='Play';
        window.clearInterval(AggiornaBarra);
    }
    else {
        MyVid.play();
        play.innerHTML='Pause';
        AggiornaBarra=setInterval(aggiorna, 200); // ogni 200 ms rikiama la funzione 'aggiorna'
    }
}
function aggiorna(){
    if(!MyVid.ended) {
        var dimensioni=parseInt(MyVid.currentTime*DimensioniBarra/MyVid.duration);
        barraCaricamento.style.width=dimensioni+'px';
    }
    else {
        barraCaricamento.style.width='0px';
        play.innerHTML='Play';
    }
}
function cliccaBarra(e){
    if(!MyVid.paused && !MyVid.ended) {
        var mouseX=e.pageX-bar.offsetLeft; // calcola la posizione X del mouse (vedi tutorial JS)
        var newtime = mouseX*MyVid.duration/DimensioniBarra;
        MyVid.currentTime=newtime;
        barraCaricamento.style.width=mouseX+'px';
    }
}

window.addEventListener('load', prima, false);

我找到了正确的代码,但我检查了我的文件,我仍然无法理解我做错了什么!

0 个答案:

没有答案