Intersection Observer API 不适用于隐藏元素

Question

我正在尝试观察隐藏的元素。我有一个样式设置为 的元素display: none。我希望当我的元素相交时，它将执行我的操作，即：播放视频。我在下面分享我的示例代码

 var options = {threshold: 0.5 }     

 var circle = document.getElementById('content_video');

 var observer = new IntersectionObserver(entries => {
     var [{ isIntersecting }] = entries
     if (isIntersecting) {
         player.play();
         player.ima.getAdsManager().resume();
     } else {
         player.ima.getAdsManager().pause();
     }
 }, options);

 window.addEventListener('load', () => {
     if ('IntersectionObserver' in window) observer.observe(circle);
 }, false);

Answer 1

display:none这是正常行为，因为无法访问并被浏览器忽略的元素

尝试设置其他样式display:none。例如，使用不透明度或宽度和高度 0 并溢出：隐藏