Событие timeupdate для HTML5-видео не запускается, когда оно сосредоточено на другой вкладке в Chrome

Question

Я создал один видеопроигрыватель html5 с пользовательским управлением.

<video id="ppVideo" ref={this.setVideoRef} webkit-playsinline>
     <source src="some url here" type="video/mp4" />
            Your browser does not support the video tag.
</video>

и добавил к нему один timeupdate список событий.

document.getElementById("ppVideo").addEventListener('timeupdate', function(){
 conole.log('it is trigerring now');
});

Работает нормально, когдаконкретная вкладка активна.если я перешел на другую вкладку, видео перестало воспроизводиться, а событие timeupdate перестало запускаться.в Firefox то же самое работает нормально при смене вкладок.

Я проверил другое HTML-видео на другом сайте.он работает нормально в Chrome на вкладке переключения.я что-то пропустил?

Answer 1

Другие видео, вероятно, имеют звук.

Chrome автоматически приостанавливает любое приглушенное видео, которого больше нет на экране (да, просто прокрутка за пределами экрана делает то же самое).

Однако они продолжают воспроизводить звук со звуком:

muted.ontimeupdate = e => {
  _muted_log.textContent = muted.currentTime;
}
talking.ontimeupdate = e => {
  _talking_log.textContent = talking.currentTime;
}

talking.volume = 0;

.log{
  position: fixed;
  top: 15px;
  background: rgba(255,255,255,0.7);
}
body{
  height: 9000px;
}

muted: 

говорят:

Так что, если вы хотите, чтобы ваша игра воспроизводилась даже в скрытом виде, добавьте к ней звуковую дорожку, но учтите, что вам потребуется взаимодействие с пользователем на вашей странице, прежде чем вы сможете ее автоматически воспроизвести.