Javascript 在视频播放中隐藏div

我在这里使用video.js： 我希望在触发视频的播放功能时，视频上的文字消失。现在它有时起作用，有时不起作用。目前我正在使用jquery的隐藏函数，但必须有一种更好、更可靠的方法来实现这一点。有什么想法吗

这是我当前解决方案的一个片段，如果你可以这样称呼它

<script type="text/javascript">
$(".vjs-big-play-button").click(function(){
$(".banner-email").hide(1000);
});
</script>

$（“.vjs大播放按钮”）。单击（函数（）{
$（“.banner email”）.hide（1000）；
});

尝试使用此函数

<script type="text/javascript">
    $(document).on('click','.vjs-big-play-button',function(){
       $(".banner-email").hide(1000);
    });
</script>

$（document）.on（'click'，'vjs大播放按钮'，function（）{
$（“.banner email”）.hide（1000）；
});

尝试使用此函数

<script type="text/javascript">
    $(document).on('click','.vjs-big-play-button',function(){
       $(".banner-email").hide(1000);
    });
</script>

$（document）.on（'click'，'vjs大播放按钮'，function（）{
$（“.banner email”）.hide（1000）；
});

如果您阅读video.js文档，它内置了此功能

这是更好的，因为一旦视频暂停，你可以使电子邮件的东西回来。它是由video.js启动的自定义事件侦听器

无论媒体何时开始或恢复播放，都会触发播放

---

如果您阅读video.js文档，它内置了此功能

这是更好的，因为一旦视频暂停，你可以使电子邮件的东西回来。它是由video.js启动的自定义事件侦听器

无论媒体何时开始或恢复播放，都会触发播放

---

你可以在文本下面放一个播放器的透明图像，点击文本你可以用视频替换的相同“id”，你可以在文本下面放一个播放器的透明图像，点击文本你可以用视频替换的相同“id”。这正是我要找的，谢谢！这正是我要找的，谢谢！