Vimeo的播放器按鈕將不會出現

我有以下腳本在<body>：Vimeo的播放器按鈕將不會出現

<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。

在我的手機上，按鈕在580秒內顯示，但在我的電腦上有不同的瀏覽器（Chrome，Opera，Safari），按鈕不顯示。

我真的不爲什麼，你能幫我嗎？

來源

2016-12-17 Zwei Rad

爲什麼'$（ '＃延遲按鈕'）'和'的.css（）'之間的空間？ – Ionut

嘗試使用div元素而不是iframe，它應該可以工作。看起來timeupdate不適用於iframe。

我已經讓你成爲工作小提琴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>

來源

2016-12-17 15:17:25 Ionut

@ZweiRad真棒。如果它幫助你，請不要忘記接受答案。 – Ionut

這就是我需要的！大感謝你lonut :)工作像一個魅力。但有時按鈕仍然不顯示.. idk，如果它因爲cookie或其他東西.. –

當你的意思有時你能給我一個例子嗎？在什麼瀏覽器？在你的代碼中，我沒有看到任何cookie。所以它不應該是一個問題。這可能是API的一個問題。 – Ionut

Vimeo的播放器按鈕將不會出現

回答

相關問題