如何在滚动时自动暂停视频/在颤动中播放器在屏幕上不可见时自动暂停视频

// 监听滚动事件
window.addEventListener('scroll', function() {
  // 获取视频元素
  var video = document.getElementById('video');

  // 获取视频元素的位置信息
  var rect = video.getBoundingClientRect();

  // 判断视频元素是否可见
  if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
    // 视频元素可见，继续播放
    video.play();
  } else {
    // 视频元素不可见，暂停播放
    video.pause();
  }
});

// 创建Intersection Observer实例
var observer = new IntersectionObserver(function(entries) {
  entries.forEach(function(entry) {
    // 判断视频元素是否可见
    if (entry.isIntersecting) {
      // 视频元素可见，继续播放
      entry.target.play();
    } else {
      // 视频元素不可见，暂停播放
      entry.target.pause();
    }
  });
});

// 监听视频元素是否可见
var video = document.getElementById('video');
observer.observe(video);