From 0079fbaf705627058e1cd0b98ba7a5627e8d54b7 Mon Sep 17 00:00:00 2001 From: Dominika Liberda Date: Mon, 5 Jul 2021 20:38:43 +0000 Subject: [PATCH] * player now syncs on pause; fixed NaN:NaN --- webroot/js/player.js | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/webroot/js/player.js b/webroot/js/player.js index 521fbdc..9486f28 100644 --- a/webroot/js/player.js +++ b/webroot/js/player.js @@ -67,6 +67,7 @@ window.addEventListener('DOMContentLoaded', (event) => { classList.add('ytp-button-play'); video.pause(); if (audio.src) { + audio.currentTime = video.currentTime; // sync audio to video on pause audio.pause(); } } @@ -82,12 +83,16 @@ window.addEventListener('DOMContentLoaded', (event) => { Math.floor(video.currentTime % 60) .toString() .padStart(2, '0'); - document.querySelector('.ytp-time-duration').innerHTML = - Math.floor(video.duration / 60) + - ':' + - Math.floor(video.duration % 60) - .toString() - .padStart(2, '0'); + if (isNaN(video.duration)) { + document.querySelector('.ytp-time-duration').innerHTML = '0:00'; + } else { + document.querySelector('.ytp-time-duration').innerHTML = + Math.floor(video.duration / 60) + + ':' + + Math.floor(video.duration % 60) + .toString() + .padStart(2, '0'); + } document.querySelector('.ytp-play-progress').style.transform = 'scaleX(' + video.currentTime / video.duration + ')'; document.querySelector('.html5-scrubber-button').style.left = (video.currentTime / video.duration) * 100 + '%'; }