3

Web ページのさまざまな時間に主な機能のビデオを再生するサイド ナビゲーションを設定しようとしています。

これは私の動作しないコードです。明らかに、video.js プラグインを使用しており、このサイド ナビゲーションがなくても問題なく動作します。

HTML

<video id="myVideo" class="video-js vjs-default-skin box" controls preload="none" width="720" height="540" poster="images/myPoster.jpg" data-setup="{}">
  <source src="myVideo.mp4" type='video/mp4'>
  <source src="myVideo.oggtheora.ogv" type='video/ogg'> 
</video>



<a onClick="introduction()">Introduction</a>
<a onClick="chapertOne()">Chapter One</a>

JS

<script type="text/javascript">
 var myPlayer = _V_("myVideo");
   function(introduction){
 // Do something when the event is fired
    myPlayer.currentTime(120); // 2 minutes into the video
    myPlayer.play();
};
</script>

 <script type="text/javascript">
 var myPlayer = _V_("myVideo");
   function(chapterOne){
 // Do something when the event is fired
    myPlayer.currentTime(440); // 4 minutes into the video
    myPlayer.play();
};
</script>
...

コードが機能していません。リンクを押しても何も起こりません。長い動画（約10m）だからだと思いますか？また、ムービーをチャプターに分割して、リンクごとにチャプターをロードすることも考えています。正しいアプローチは何だと思いますか？

4

1 に答える 1

3

function(chapterOne){ ... }このコードは、変数に割り当てられていない無名関数を作成します。だから多分あなたはこれを試してみるべきです：

<script type="text/javascript">
    var myPlayer = _V_("myVideo");

    function introduction() {
        // Do something when the event is fired
        myPlayer.currentTime(120); // 2 minutes into the video
        myPlayer.play();
    };

    function chapterOne() {
        // Do something when the event is fired
        myPlayer.currentTime(440); // 4 minutes into the video
        myPlayer.play();
    };
</script>

onClick属性も変更onclick

于 2013-04-04T13:18:14.507 に答える