Chrome または Firefox に基づいてビデオをナビゲートできるスクリプトを変更しようとしています。
offsetX 関数の使用は Chrome ではうまく機能しますが、Firefox ではまったく機能しないことに気付きました。そして、「e.pageX-bar.offsetLeft」を使用すると、Firefoxでうまくいきました。したがって、ブラウザに応じてどちらを使用するかを決定する方法が必要です。
function move(e){
if (navigator.userAgent.search("Chrome") >= 0){
if(!media.paused && !media.ended){
var mouseX= e.offsetX;
newTime=((mouseX*media.duration)/barSize);
media.currentTime=newTime;
progress.style.width=mouseX+'px';
}
}
else if (navigator.userAgent.search("Firefox") >= 0){
if(!media.paused && !media.ended){
var mouseX= e.pageX-bar.offsetLeft;
newTime=((mouseX*media.duration)/barSize);
media.currentTime=newTime;
progress.style.width=mouseX+'px';
}
}
}