特定のポイントまでのスクロール時にiframeを削除

Question

ウェブサイトの特定のポイントまでスクロールしてYouTubeのiframeを削除する必要があります。これは私がこれまで行ってきたことです。このスクリプトを使って、たぶんこれはあなたが探しているまさにではない私は、ユーチューブはiframeを含むセクションを非表示にしますが、まだビデオが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

再生されていますしかし、

一時停止トリガを追加して音楽の再生を停止します。

私はあなたのスニペットを使ってそれをテストすることはできませんが、このようなものを加えることはうまくいくはずです。あなたはまた、playVideo

で pauseVideoを置き換えることによって、その効果を逆にすることができ

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