Javascript Chrome在.pause()和.currentTime=0调用后隐藏视频

Javascript Chrome在.pause()和.currentTime=0调用后隐藏视频,javascript,html,video,media,Javascript,Html,Video,Media,是不是只有我在通过JavaScript调用.pause()和.currentTime=0之后才遇到Chrome隐藏视频的问题? 来源如下: <video class="js-video" preload="auto" muted playsinline> <source src="video.webm" type="video/webm"> <source src="video.mp4" type="video/mp4"> </video>

是不是只有我在通过JavaScript调用.pause()和.currentTime=0之后才遇到Chrome隐藏视频的问题? 来源如下:

<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>

var video=document.querySelector('.js video');
let observer=新的IntersectionObserver(函数(条目){
if(条目[0]。相交比率>0.8&&entries[0]。isIntersecting){
video.play();
}否则{
video.pause();
video.currentTime=0;
}
}, {
阈值:0.8
});
observer.observe(video.parentNode);

当我在Firefox中打开该页面时,视频在视口中播放,在视口外暂停/重新启动超过80%。一切都很好。但当我在谷歌打开同一个页面时,视频会在离开视窗后隐藏起来。当我滚动到它时,它会再次显示,但当我滚动到它时,它会再次隐藏。

“当我滚动到它时,它会再次显示,但当我滚动到它时,它会再次隐藏。”--这不是你预期的行为吗?不,预期的行为是暂停视频并回放到第0秒。