【问题标题】:Vimeo Native Play Button Toggle Class?Vimeo 本机播放按钮切换类?
【发布时间】:2017-02-15 10:13:57
【问题描述】:

我有以下是 Vimeo 视频的自定义播放按钮,它工作正常。点击播放视频淡出...

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

是否可以通过单击 Vimeo 播放上的本机播放按钮来切换类?

那么,如果您单击任一播放按钮,我的自定义播放按钮就会被删除?

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 vimeo vimeo-api


【解决方案1】:

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

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

【讨论】:

  • 既然您使用的是 jquery .. 为什么不使用 jquery api github.com/jrue/Vimeo-jQuery-API 您在小提琴中的代码无法检测到播放器 .. 这就是它不起作用的原因
猜你喜欢
  • 2019-06-25
  • 2021-12-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多