1

VideoJSをビデオプレーヤーとしてJavaScript利用するアプリケーションを書いています。機能の1つは、ビデオをブックマークできるようにすることです。そのため、ページには次のようなリンクがいくつかあります。

<p><a href="" onclick="seek('00:03:00');">00:03:00</a></p>
<p><a href="" onclick="seek('00:10:45');">00:10:45</a></p>
<p><a href="" onclick="seek('00:25:30');">00:25:30</a></p>
<p><a href="" onclick="seek('00:45:31');">00:45:31</a></p>
<p><a href="" onclick="seek('01:01:01');">01:01:01</a></p>
<p><a href="" onclick="seek('01:11:11');">01:11:11</a></p>

これにより、次の機能がトリガーされます。

         function convertToSeconds(time){
                var timeInSeconds = 0;
                var slice =  time.split(":");
                // make sure it is in the format 00:00:00
                if(slice.length == 3){
                    var hours        = parseInt(slice[0]);
                    var minutes      = parseInt(slice[1]);
                    var seconds      = parseInt(slice[2]);

                    timeInSeconds = seconds + minutes*60 + hours*3600;  
                }
                return timeInSeconds;
            }

            function seek(time){
                var myPlayer = _V_("example_video_1");
                var seconds = convertToSeconds(time);
                var whereAt = myPlayer.duration();
                console.log(seconds);
                if(seconds <= whereAt){
                    myPlayer.currentTime(seconds);
                    myPlayer.play();
                }

                return;
            }

ConvertToSeconds'00:03:00'形式の文字列を180秒に変換します。次に、それを適用して、ビデオ内のその位置を探します。ビデオ内の位置を正しく検索しますが、プレーヤーカーソルは、本来あるべき場所に留まるのではなく、ビデオの先頭に戻ります。なぜそれが起こっているのですか?

4

0 に答える 0