2017-02-15 30 views
0

我有以下这是Vimeo视频的自定义播放按钮,它工作正常。点击播放视频淡出...Vimeo Native Play按钮切换课程?

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

无论如何通过点击Vimeo 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"); 
      }); 
     } 
    } 
+0

我猜你将不得不订阅播放/暂停事件,以检测那种状态变化的 - 然后检查它是否是由您自己的按钮触发,或以其他方式(那么这将意味着默认控制,大概)。 – CBroe

+0

我甚至不知道从哪里开始你的建议,只是设法得到一个按钮来播放视频! – user4630

回答

0

您是否尝试过捕捉游戏事件? https://github.com/vimeo/player.js#play

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

不幸运:(我已经添加了一个小提琴... https://jsfiddle.net/mqj91n66/7/ – user4630

+0

,因为你使用的是jQuery ..你为什么不使用jquery api https://github.com/jrue/Vimeo-jQuery-API你的代码在小提琴无法检测到玩家..这就是为什么它不起作用 –