video-js：vjs-big-play-button在点击

Question

我正在使用Wordpress。点击视频后，vjs-big-play-button不会被隐藏，只会在视频开始播放后隐藏。 我尝试了以下jQuery：

jQuery('.video-js').click(function(){
jQuery('.vjs-big-play-button').hide();});

但是我无法找到正确的点击事件，我在Firefox中尝试了所有可以使用代码检查器找到的类但没有任何工作。

请帮忙！

Answer 1

可能是因为＆＃34;播放＆＃34;按钮由JS动态生成，您应该使用on()编写函数。

$(".vjs-big-play-button").on("click", function(){
    $(this).fadeOut();
});

以下是一个有效的例子： http://jsfiddle.net/0ak9066o/

您可以在jQuery官方文档中详细了解on()事件：http://api.jquery.com/on/