Управление видео HTML5 и обнаружение браузера с помощью Javascript

Я пытаюсь изменить сценарий, который позволяет мне перемещаться по моему видео на основе 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';
            }
    }   
}