在悬停时隐藏 vimeo iframe 上的 pause/play 按钮

Question

我在网站上使用 Vimeo iframe。我用 Vimeo Froogaloop API 隐藏了所有控件。但我无法隐藏悬停时出现的暂停和播放按钮。有人请帮助我。

$(document).ready(function(){
  jQuery('iframe.vimeo-player').each(function(){
      Froogaloop(this).addEvent('ready', ready);
  });
  function ready(playerID){
      console.log(playerID + ' is ready');

      // Add event listerns
      // http://developer.vimeo.com/player/js-api#events
      Froogaloop(playerID).addEvent('play', play(playerID));
      Froogaloop(playerID).addEvent('seek', seek);


      // Fire an API method
      // http://developer.vimeo.com/player/js-api#methods
      Froogaloop(playerID).api('play');
      Froogaloop(playerID).api('setVolume', 0);

  }
  function play(playerID){
      console.log(playerID + ' is playing');
  }
  function seek(data, playerID) {
      console.log(playerID + ' is seeking');
      console.log(data);
  }

});

Answer 1

~~根据 2 年前的 forum post，这是不可能的。 post 建议升级到专业版并使用第三方播放器。~~

~~唯一的其他选择是切换到不同的视频平台以获得您想要的功能。~~

编辑：

看起来确实有可能。我刚刚看到一个 example (linked to from this question)，其中删除了相关按钮。

密钥似乎是在 iframe 的 URL 中设置参数 background=1。奇怪的是，此功能并未出现在 Vimeo's developer site.

上

在悬停时隐藏 vimeo iframe 上的 pause/play 按钮

Hide pause/play button on vimeo iframe on hover

javascript

iframe

vimeo

froogaloop