2016-12-17 5 views
0

Я следующий сценарий в <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 и кнопка есть идентификатор delayed-button.

На моем телефоне кнопка отображается на 580 секунд, но с разными браузерами (Chrome, Opera, Safari) на моем ПК кнопка не появляется.

Я действительно не понимаю, можете ли вы мне помочь?

+0

Почему пространство между '$ ('отсроченной кнопкой #')' и '.css()'? – Ionut

ответ

0

Попробуйте использовать элемент 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>

+0

@ZweiRad Awesome. Пожалуйста, не забудьте принять ответ, если он вам поможет. – Ionut

+1

Вот что мне нужно! БОЛЬШОЕ Спасибо, lonut :) работал как шарм. Но иногда кнопка все еще не появляется. Idk, если она из-за куки-файлов или других вещей. –

+0

Когда вы имеете в виду иногда, вы можете привести мне пример? В каком браузере? В вашем коде я не вижу куки. Так что это не должно быть проблемой. Это может быть проблемой из API. – Ionut

Смежные вопросы