ビデオボタンのコントロールの作成に関するこのチュートリアルに従おうとしていますが、現在ボタンを探している限り、すべてが機能していました。以下のコードは Safari と Opera では問題なく動作しますが、Firefox と Chrome では何もしません。
function initVideoDirectionStepButtons() {
var _stepSize = 10.0;
/* Add Code For Stepping Backward */
$('.rewind_button a').each(function() {
/*This code finds the video element and binds it to a click event.*/
var $_video=findVideoForElement(this);
$(this).click(function(e) {
e.preventDefault();
$_video.each(function(index, _video) {
_video.currentTime=_video.currentTime-_stepSize;
});
});
});
それはコードの始まりにすぎません。関数が閉じられる前に、 fast_forward に対して同じことを繰り返すだけです。その後、html の準備ができたときに呼び出されます。
Firefox と chrome は、コンソールにエラーを表示しません。サファリとは対照的に、前後にジャンプするだけで何もしません。私は周りを見回して、他の多くの例が同じことをしているのを見てきました。firefox と chrome で currentTime を設定することは有効ではありませんか、それとも webm 形式がサポートされていませんか?