エラーsetTimeoutでラップされたときに「未定義のプロパティを読み取れません」

Question

複数の小さなビデオ要素を1つのWebページで処理するコードを扱っていますが、複数のプログレスバーを同期させるのに問題があります。それぞれの動画と一緒に。

（Current jsFiddle prototype）

コード$(this).find("progress").attr("value", $("video", this)[0].currentTime);のこの作品は、main関数の内部で動作しているようですが、私はsetTimeoutで別の関数でそれを包むときにプログレスバーが実際に私はこのエラーを取得するアニメーション化：

"Cannot read property 'currentTime' of undefined at function"

私はそれを自分自身で動作させることができるかどうかを確認するためにいくつかのバリエーションを試しましたが、通常のように壁にコードを投げて修正できませんでした。

誰かがこれをやっている理由を教えていただけますか？

Answer 1

setTimeoutthisは、メインthisではありません。だからあなたのコードは動作しません。 setTimeoutで作業するには、setTimeoutの前にを取得して使用する必要があります。

例

var that = this; 
setTimeout(function(){ 
// here use that 
},100); 

Answer 2

あなたは、ビデオ再生時間や総時間に進捗最大を変更する必要があります。それを現時点で価値あるものにする。その後に行く

$(document).ready(function(){ 
    var video = $('#YourVideoIDorClass').get(0`); 
    video.addEventListener("onplaying", function() { 
     progress.val = video.currentTime 
    }, false); 

})