ビデオタイマーのカウントダウンに応じて、コントロール（show）htmléléments

-4

私は自分のビデオタイマーに応じて表示したいhtml要素があり、それを実現させる考えはありません。誰も私を助けることができますか？ビデオタイマーのカウントダウンに応じて、コントロール（show）htmléléments

2017-08-19 Ibrahim Khalil

この質問は少し曖昧です。まさにあなたは何をしようとしていますか、何を試してみましたか？ –

[HTML5ビデオイベントを使用する]（https://msdn.microsoft.com/en-us/library/hh924822(v=vs.85).aspx） – GSerg

どのプレイヤーを使用していますか？

HTML5プレーヤーのためにユーチューブのプレーヤーのために、この

$('#videoContainer').on('timeupdate', function() { 
 
    // Get current time and make it proper 
 
    var currentTime = this.currentTime.toFixed(2); 
 

 
    // Compare time to disired 
 
    if (currentTime > 2.12) { 
 
    // Show div 
 
    $('#box').show('slow'); 
 
    } 
 

 
});

#box { 
 
    width: 100px; 
 
    height: 100px; 
 
    background-color: #333; 
 
    margin: 30px; 
 
    color: #fff; 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<video width="300" height="150" controls="" id="videoContainer"> 
 
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"/> 
 
</video> 
 

 
<div id="box"></div>

が、それはAPIとgetCurrentTime()方法です使用してみてください。

出典

2017-08-19 19:18:00

こんにちは、私はHTML5プレーヤーを使用していますが、動作しません。 –

私は何を探していたのですかhttps://stackoverflow.com/questions/16454217/html5-video-show-div-at-certain-video-time –

ああ、はい、私のせいです。このケースでは 'setInterval'を使わないで等号演算子（' == '）を使うことはできませんが、他の演算子がその仕事をします。更新された回答をご覧ください。 –

ビデオタイマーのカウントダウンに応じて、コントロール（show）htmléléments

答えて

関連する問題