jQueryのクローズビデオのオーバーレイと停止

Question

this questionに従って、オーバーレイを閉じて再生中のビデオを停止したいと考えています。

私のコードは次のとおりです。

ビデオをバックグラウンドで再生され続けている今起こるすべての作品は、すべてが

<div id="video_pop_1" class="video_pop_1" style="display:none;"> 
    <div class="video_close" id="video_close"> 
     <img src="/wp-content/themes/volo/images/cross.png" alt="Volo Multi Channel eCommerce Inventory Management Software" title="Volo eCommerce 2015 copyright" width="50" height="50" alt="close"> 
    </div> 
</div> 

$('#imageID').click(function() { 
    $('#video_pop_1').show(); 
    $('#video_pop_1').append('<div class="video_close" id="video_close" style="z-index:9999;"><img src="/wp-content/themes/volo/images/cross.png" alt="Volo Multi Channel eCommerce Inventory Management Software" title="Volo eCommerce 2015 copyright" width="50" height="50" alt="close"></div><iframe width="80%" height="80%" id="video" src="//www.youtube.com/embed/uEQ8wTXjklw?autoplay=1" frameborder="0" allowfullscreen wmode="Opaque" class="vid_pop_player"></iframe>'); 

    $('.video_close').click(function() { 
     $(".video_pop_1").fadeOut(300); 
    }); 
}); 

- どのように私は、ビデオの再生を停止することができますか？

https://www.volocommerce.com/ebay-targeted-campaign/

見たい動画は3/4ウェイページダウン「理事会の地下室」の下の一つです - これを回避する方法上の任意のアイデア？

ありがとうございます！

Answer 1

動画はフェードアウトによって効果的に隠されているため、再生が継続されます。これを停止するには、DOMから追加したHTMLを削除します。これを達成するには、​​アニメーションのコールバックを使用できます。これを試してみてください：

$('.video_close').click(function() { 
    $(".video_pop_1").fadeOut(300, function() { 
     $(this).empty(); 
    }); 
});