Chrome скрывает видео после вызова .pause () и .currentTime = 0 - PullRequest
Новая
       50

Chrome скрывает видео после вызова .pause () и .currentTime = 0

0 голосов
/ 21 февраля 2020

Только у меня проблема с Chrome сокрытием видео после того, как я вызываю .pause () и .currentTime = 0 через JavaScript? Источник выглядит следующим образом: 

<video class="js-video" preload="auto" muted playsinline>
  <source src="video.webm" type="video/webm">
  <source src="video.mp4" type="video/mp4">
</video>
<script>
  var video = document.querySelector('.js-video');
  let observer = new IntersectionObserver(function(entries) {
    if (entries[0].intersectionRatio > 0.8 && entries[0].isIntersecting) {
      video.play();
    } else {
      video.pause();
      video.currentTime = 0;
    }
  }, {
    threshold: 0.8
  });
  observer.observe(video.parentNode);
</script>

Когда я открываю эту страницу в Firefox, видео воспроизводится в окне просмотра и приостанавливается / перезапускается при выходе из окна просмотра более чем на 80%. Все хорошо. Но когда я открываю ту же страницу в Google, видео скрывается после того, как оно выходит из области просмотра. Он снова появляется, когда я прокручиваю в него, но снова скрывается, когда я прокручиваю.

...