Jquery Vimeo本机播放按钮切换类？

我有下面这是一个自定义播放按钮的Vimeo视频，它的作品很好。单击播放视频淡出

问题是，如果您单击本机默认Vimeo控件上的播放，则在播放视频时，我的自定义播放图标仍保留在视频上方

在Vimeo play上点击本机play按钮是否可以切换类

所以如果你点击任意一个播放按钮，我的自定义按钮就被删除了

if ($("#showreel")[0]) {
                var iframe = document.getElementById('showreel');
                if ( typeof iframe !== 'undefined' ) {
                  // $f == Froogaloop
                  var player = $f(iframe);
                  // bind events
                  var playButton = document.getElementById("play-button");
                  playButton.addEventListener("click", function() {
                  $( playButton ).toggleClass('video_playing');        
                  player.api("play");
            });
        }
  }

---

你试过捕捉比赛事件吗？

---

我猜你必须订阅播放/暂停事件来检测这种状态变化，然后检查它是由你自己的按钮触发的，还是由其他方式触发的（这可能意味着默认控件）。我甚至不知道从哪里开始你的建议，只是设法得到一个按钮来播放视频！因为您使用的是jquery。。为什么不使用jquery api呢？你在小提琴中的代码无法检测到播放器。。这就是它不起作用的原因

player.on('play', function(data) {
    // toggle your class
});