ウェブサイトでビデオタグを使用しています。すべての主要なブラウザで動作しますが、Firefoxで問題が発生しています。
再生ボタンをタップすると、ビデオがビデオの最後までスクロールします。
ビデオを開始するには、開始以外の位置にビデオを巻き戻して、再生をクリックする必要があります。変。ビデオの初期位置を1に設定しようとしましたが、役に立ちませんでした。それでも手動でスクロールする必要があります。どんな助けでもありがたいです。ありがとうございました
<video width="80% height="80%" controls id="video1">
<source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.mp4" type="video/mp4">
<source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.ogv" type="video/ogg">
<source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.webmhd.webm" type="video/webm">
Your browser does not support the video tag.
</video>
Javascript:
ビデオ */
function setupVideo(){if(!myVideo){console.log( "ビデオのセットアップ"); myVideo = document.getElementById( "video1"); timeElapsed = 0; タイマー;
myVideo.addEventListener("play",videoStarted,false); myVideo.addEventListener("pause",videoPaused,false); myVideo.addEventListener("loadeddata",videoLoaded,false); console.log(" Video Element is: "+myVideo); } else{ console.log("Video Was Already set"); playPause(); }
}
function playPause(){if(myVideo.paused)myVideo.play(); else myVideo.pause(); }
function videoLoaded(e){console.log( "Video Loaded"); myVideo.currentTime = 1; }
function videoStarted(e){console.log( "ビデオ開始"); //タイマーを開始しますtimer=setInterval(videoPlaying、1000); }
function videoPlaying(){timeElapsed ++; console.log("ビデオ再生"+ myVideo.currentTime);
if(Math.ceil(myVideo.currentTime)== 10) { console.log(" it reached 10 now display quiz"); playPause(); }
}
function videoPaused(e){clearInterval(timer); console.log( "一時停止"); }