ビデオとカルーセル

Question

私はプロジェクトに取り組んでいると私はこの会社http://weareroyale.comが自分のホームページ上で動画バナーを実行するために管理する方法Oのフィギュアをしようとしている上のテキスト...

私はtheresのアニメーションを見ることができ透明なPNGを使用してテキストが表示されているように見えますが、タイミングがどのように正しいかは分かりません。

つまり、テキストは動画の特定の部分に表示されますが、タイミングはどのように正しいのですか？私はあなたがこれを許可することができると思うが、それはまた、すべてのユーザーのための異なる読み込み速度になるだろうと思うだろう...

私は誰かそれがどのように作成されているか知っていますか？それはスライダーアドオンですか？スクラッチから作成？ etcなど？

Answer 1

var video = document.getElementById('video'); 
 
//video.load(); 
 
video.play(); 
 
video.addEventListener("timeupdate", function() { 
 
    if (this.currentTime >= 2.000 && this.currentTime <= 8.000){ 
 
    this.pause(); 
 
    document.getElementById('text').innerHTML=this.duration; 
 
    } 
 
}, false);

<video width="400" id="video" controls> 
 
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
    <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> 
 
    Your browser does not support HTML5 video. 
 
</video> 
 
<p id="text"></p>