Vimeo 播放器按钮不会显示

Question

我在 <body> 中有以下脚本：

<script>
(function($) {
        var buttonShowed = false;
        var vPlayer = new Vimeo.Player($('#video0 iframe'));
        vPlayer.on('timeupdate', function(time) {
            if ((time.seconds >=580) && (!buttonShowed) ) {
                buttonShowed = true;
              $('#delayed-button') .css('visibility','visible');
            }
        });

})(jQuery);
</script>

在<head>:

<script src="https://player.vimeo.com/api/player.js"></script>

Vimeo 视频获得了 ID video0，按钮获得了 ID delayed-button。

在我的 phone 上，该按钮显示了 580 秒，但在我的 PC 上使用不同的浏览器（Chrome、Opera、Safari）时，该按钮没有显示。

我真的不知道为什么，你能帮我吗？

Answer 1

尝试使用 div 元素而不是 iframe，它应该可以工作。 timeupdate 似乎不适用于 iframe。

我已经让你工作了 fiddle here。完整代码：

var buttonShowed = false;
 var vPlayer = new Vimeo.Player($('#video0 #player'));
 vPlayer.on('timeupdate', function(time) {
   console.log(time.seconds);
   if ((time.seconds >= 570) && (!buttonShowed)) {
     buttonShowed = true;
     $('#delayed-button').css('visibility', 'visible');
   }
 });

#delayed-button{
  visibility: hidden;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='https://player.vimeo.com/api/player.js'></script>
<div id='video0'>
  <div data-vimeo-id="76979871" data-vimeo-autoplay="true" id="player"></div>
</div>
<div id='delayed-button'>
  button
</div>

Vimeo 播放器按钮不会显示

Vimeo Player button won't show up

javascript

jquery

vimeo-player