Javascript 暂停视频时显示div

这是到目前为止我的代码，我想在视频暂停时显示一个div，在视频恢复时隐藏它

var video=document.getElementById（'video'）；
video.addEventListener（'click'，function（）{
video.play（）；
}，假）

您的浏览器不支持视频标记。
首先您错过了
标签上的
id=“video”
属性

<video width="1000" height="480" autoplay
       onclick="this.paused?this.play():this.pause();" id="video">
//-----------------------------------------------------^^^^^^^^^^

您可以使用暂停/恢复视频时发送的媒体事件。


var video=document.getElementById（'video_elm'）；
video.addEventListener（'click'，function（）{
this.pause？this.play（）：this.pause（）；
},
假）；
video.addEventListener（“暂停”，函数（）{
document.getElementById（“暂停”）.style.display=“”；
});
video.addEventListener（“播放”，函数（）{
document.getElementById（“暂停”）.style.display=“无”；
});

您的浏览器不支持视频标记。
视频暂停，再次单击以继续
这是您的全部代码吗？您没有
#video
元素（即ID为
video
的元素）。暂停视频时要显示的
在哪里？也许你可以在
暂停
和
播放
事件中注册一个事件监听器？我想你可能想知道为什么人们对你的问题投了否决票。不要把这看作是一种侮辱——你必须明白，像你这样的问题在这个网站上已经被问过无数次了，而且人们已经对它们感到厌烦了。请注意，例如，我以前从未使用过视频元素，但一次快速的谷歌搜索在不到一分钟的时间内给出了答案。
video.addEventListener('pause', function() {
  div.style.display = 'block';
}, false);

video.addEventListener('pause', function() {
    // show div
});
video.addEventListener('play', function() {
    // hide div
});