Javascript代码错误视频点击

所以我在这里得到了这个错误，我真的不明白它的意思

video_click.js:20未捕获类型错误：无法读取null的属性“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;
};

有人能帮我理解我做错了什么吗

谢谢，

---

Kamal

document.getElementById

如果找不到具有给定ID的元素，则返回null。根据错误消息中的行号，它看起来像

var a=document.getElementById（'videoPlayer2'）导致
a
被分配为null。因此，当您尝试在下一行调用
a.addEventListener
时，它失败了，因为您无法在null上调用
addEventListener

因此，您的文档中似乎没有id为
videoPlayer
的元素。
好的，谢谢，我知道我做错了什么。我该如何修复它？嗯，这取决于它为什么找不到
videoPlayer2
。如果您刚刚输入了该元素的ID（例如，它应该是
videoplayer2
），那么纠正输入错误将解决问题。如果完全预期在某些情况下不会有ID为
videoPlayer2
的元素，那么您可以在尝试调用
a.addEventListener
和
a.onclick
之前检查
a
是否为空。因此，在分配
a
之后，如果（a！==null）{

，您可以执行

，然后将对
a
有效的其余代码放在该块中。完成完美的工作。谢谢