javascript - JS のビデオ プレーヤー

Question

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);

正しいコードを見つけましたが、ファイルをチェックしましたが、何が間違っていたのかまだ理解できません!