我已经关注了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);
我找到了正确的代码,但我检查了我的文件,我仍然无法理解我做错了什么!