jQueryでボタンを使用してHTML5ビデオの特定の時間にスキップ

Question

ボタンをクリックしたときにビデオのあるポイントにジャンプしようとしています。

<!-- Chapter 1 = Skip to 20s --> 
    <button id="ch1">Chapter 1</button> 
    <!-- Chapter 2 = Skip to 100s --> 
    <button id="ch2">Chapter 2</button> 

わからない、これは私がこれまでに行ったことあるJSのための何TODO：しかし

var vid = $("#video")[0]; 
    $("#ch1").click(skipTime(100)); 

    function skipTime(time) { 
    vid.play(); 
    vid.pause(); 
    vid.currentTime = time; 
    vid.play(); 
    }; 

は後に動作しません

は、だから私はこのように私のボタンがありますさまざまな組み合わせのヒープを試してみると、周りを見回して動作するものを見つけることができません。だから私は困惑しています、これを行う方法の提案は感謝しています。

Answer 1

変更この行：これに

$("#ch1").click(skipTime(100)); 

、（も、あなたがskipTime最初に宣言しなければならない、とだけそれを割り当てる）：あなたがskipTime(100)を使用する場合

$("#ch1").click(function(){ 
    skipTime(100); 
}); 

それはあなたが実行されます関数が返されない場合は、は未定義skipTime ...から返されたものであり、そのためclick -hand lerには、クリックごとに実行する機能がありません。

function(){ ... }でラップすると、click -handlerはすべてのクリックでこの機能を実行します。

希望します。