2016-12-17 7 views
0

私は<body>でスクリプト次ている表示されませんVimeoのビデオID video0を持って、ボタンはIDを持って Vimeoのプレーヤーのボタンが

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

delayed-button

私の電話では、ボタンは580秒で表示されますが、私のPC上のさまざまなブラウザ(Chrome、Opera、Safari)ではボタンが表示されません。

私は本当になぜ、あなたは私を助けることができないのですか?

+0

なぜ '$( '#遅延ボタン')'と 'の.css()'との間のスペース? – Ionut

答えて

0

iframeの代わりにdiv要素を使用してください。うまくいきます。 timeupdateiframeで動作していないようです。

私はあなたに仕事のフィドルを作った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

それは私が必要なものです! BIGありがとうLonut :)チャームのように働いた。しかし、時にはボタンがまだ表示されません.. idkクッキーなどの理由で。 –

+0

時々あなたは私に例を挙げることができますか?どのブラウザで?あなたのコードでは、私はクッキーを見ません。だからそれは問題ではありません。 APIの問題かもしれません。 – Ionut

関連する問題