este es un script de etiqueta de video simple que uso en mi documento html
var video = document.getElementById('video'); var título del documento = documento.título; var updateTitleForVideo = function(estado) { if(estado === 'visible') { document.title=documentTitle; devolver; } document.title = documentTitle + ' ['+ state +']'; }; video.onpause = function() { updateTitleForVideo('Paused'); }; video.onplay = function() { updateTitleForVideo('Reproducido'); }; document.addEventListener('visibilitychange' , function(){ var state = document.visibilityState; if(!video.paused){ if(state === 'hidden'){ video.pause(); updateTitleForVideo('Paused') ; } } if(!video.played){ if(state === 'visible'){ video.play(); updateTitleForVideo('Played'); } } });const video = document.getElementById("video") //The rest of your code // video.onpause etc... window.addEventListener("blur", function() { video.pause(); }) window.addEventListener("focus", function(){ video.play(); })