Javascript Code error video click

Question

Итак, я получаю эту ошибку прямо здесь, и я не совсем понимаю, что это значит.

video_click.js: 20 Uncaught TypeError: Не удается прочитать свойство 'addEventListener' нулевых

Вот Javascript код, я использую

var v = document.getElementById('videoPlayer'); 
v.addEventListener(
'play', 
function() { 
    v.play(); 
}, 
false); 

v.onclick = function() { 
if (v.paused) { 
    v.play(); 
} else { 
    v.pause(); 
} 

return false; 
}; 

var a = document.getElementById('videoPlayer2'); 
a.addEventListener(
'play', 
function() { 
    a.play(); 
}, 
false); 

a.onclick = function() { 
if (a.paused) { 
    a.play(); 
} else { 
    a.pause(); 
} 

return false; 
}; 

Может кто-то помочь мне понять, что я делаю неправильно.

Спасибо, Камаль

Answer 1

document.getElementById возвращает нуль, если он не может найти элемент с заданным идентификатором. Основываясь на номере строки в сообщении об ошибке, он выглядит как var a = document.getElementById('videoPlayer2');, в результате a присваивается значение null. Поэтому, когда вы пытаетесь вызвать a.addEventListener на следующей строке, это не работает, потому что вы не можете позвонить addEventListener по null.

Итак, похоже, что в вашем документе нет элемента с идентификатором videoPlayer.