Entfernen iframe auf einem Bildlauf zu einem bestimmten Punkt

Question

Ich muss einen Youtube-iframe auf einem Bildlauf zu einem bestimmten Punkt der Website entfernen. Das ist, was ich bisher gemacht habe. Durch die Verwendung dieses Skript ein ich den Abschnitt verbergen youtube iframe enthält aber immer noch Video My website link

.rem{ 
 
display:none; 
 
}

\t \t \t \t 
 
     <script> 
 
\t \t \t $(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>

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

Vielleicht ist das nicht genau das spielen, was Sie suchen für aber;

Ich würde einen Pause-Trigger hinzufügen, um die Wiedergabe der Musik zu stoppen.

Ich kann Ihre Snippets nicht zum Testen verwenden, aber das Hinzufügen von etwas wie diesem sollte funktionieren.

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

Sie können auch seine Wirkung umkehren, indem pauseVideo mit playVideo

ersetzen