YouTubeビデオは、JavaScriptによって起動されたCSSポップアップで引き続き再生されます

Question

画像に示すように、YouTubeビデオをポップアップ表示するJavaScriptをいくつか追加しました。

コードは、ポップアップをトリガするために、以下に示すように、「HREF」によって制御されます。基本的にはdisplay：block対display：none（css）を使ってビデオを表示したり隠したりします。このコードは機能しますが、ポップアップを閉じるとビデオが再生され続けることに気付きました。

コードポップアップトリガする：ポップアップを閉じます

a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"> 
    video</a> 

コード：

a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"> 
    Close</a> 

する任意のjqueryのはありますか私は作るために近い部分に追加することができますjavascriptのビデオ停止？

ご協力いただきありがとうございます。前もって感謝します。

Answer 1

私はiframe要素上のビデオ負荷を推測している、iframe要素を殺そう：

var iframe = document.querySelector("iframe"); iframe.parentNode.removeChild(iframe);

Answer 2

おかげですべての。私はここからこのコードを使って作業しました：enter link description here。

<script> 

$(function(){ 
$('.close').click(function(){ 
    $('iframe').attr('src', $('iframe').attr('src')); 
}); 
}); 

をそして、私のhref近いコードに> = "クローズ" クラスを追加しました：私は私の関数にこれを追加しました。

本当に助けていただきありがとうございます。