1

動画の長さを示すプログレスバーを追加しようとしていますが、動画自体の外側（画面の別の部分など）に配置できるプログレスバーを追加しようとしています。私はしばらく探していましたが、読み込みの進行状況を表示するためのものだけを見つけました。これは私が必要としないものです。誰かが私がそれを見つける場所を見つけるのを手伝ってくれますか、それとも自分でそれを供給できますか？

必要な場合に備えて、ここにビデオのスクリプトがあります

var numb = $(this).index(),
            videos = ['images/talking1.m4v', 'images/talking2.m4v', 'images/talking1.m4v', 'images/talking2.m4v', 'images/talking1.m4v', 'images/talking2.m4v'
            ],
            myVideo = document.getElementById('myVid');
            myVideo.src = videos[numb];

            myVideo.load();


    setTimeout(function(){

        myVideo.play();
    }, 200);
4

1 に答える 1

10

イベントリスナーをイベントにバインドできますtimeupdate。

myVideo.addEventListener("timeupdate", function() {
   // if the video is loaded and duration is known
   if(!isNaN(this.duration)) {
        var percent_complete = this.currentTime / this.duration;
        // use percent_complete to draw a progress bar
    }
});

プログレスバーの最大長を選択し、それにpercent_complete（0から1の間）を掛けて、その積をバーの現在の長さとして使用します。

于 2012-05-14T14:35:46.210 に答える