javascript - 在视频播放时隐藏 div

Question

我在这里使用 video.js：http://dev-carlyle.sassafrascreative.com/ 我 希望视频上的文本在视频的播放功能被触发时消失。现在它有时有效，有时却无效。目前我正在使用 jquery 的隐藏功能，但必须有一个更好 - 更可靠 - 的方式来做到这一点。有任何想法吗？

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

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

Answer 1

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

https://github.com/videojs/video.js/blob/master/docs/api.md#events

var myFunc = function(){
  var myPlayer = this;
  $(".banner-email").hide(1000);
};
myPlayer.on("play", myFunc);

这更好，因为一旦视频暂停，您就可以恢复电子邮件。这是一个由 video.js 触发的自定义事件监听器

播放 媒体开始或恢复播放时触发。

Answer 2

尝试为此使用on()函数，

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