javascript - 滚动到特定点时删除 iframe

Question

我需要删除滚动到网站特定点的 youtube iframe。这是我到目前为止所做的。通过使用此脚本，我隐藏了包含 youtube iframe 的部分，但仍在播放视频 My website link

.rem{
display:none;
}

				
        <script>
			$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    var section1Height = $('#types-of-repair').offset().top + $('#types-of-repair').outerHeight() - window.innerHeight;
   if (scroll >= 3) {
       
        $(".about-section").addClass("rem"); 
       $(".clearHeader111").addClass("rem"); 
       
    }
 
     
   
});
    </script>

				<section class="about-section">
     <div class="pattern"></div>
               <div class="clearHeader1 video-background">
    <div class="clearHeader11 video-foreground">
    
      <iframe class="clearHeader111" src="https://www.youtube.com/embed/DEDS-bSHRfI?controls=1&showinfo=1&rel=0&autoplay=1&loop=1&&amp;ecver=1" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
  </section>

Answer 1

也许这不是您要找的，但是；

我会为其添加一个暂停触发器以停止播放音乐。

我无法使用您的代码片段对其进行测试，但添加类似这样的内容应该可行。

document.getElementByClassName('clearHeader111').iframe.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*') ;

您还可以通过将 pauseVideo 替换为 playVideo

来反转其效果