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>

在视频播放中隐藏div

2 个答案: