モーダルボックスを閉じてもビデオが再生され続ける

Question

モーダルボックスで開くWistiaビデオを埋め込みました。 同じ罰金が埋め込まれていますが、モーダルボックスを閉じるとビデオは再生され続けます。

コードは以下のとおりです。

HTML

<a target="_self" class="wistia_embed" name="wistia_embed" id="myImg">Watch Now</a> 
<div id="myModal" class="modal"> 
    <iframe allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed modal-content" name="wistia_embed" src="https://fast.wistia.com/embed/iframe/g5pnf59ala" width="480" height="273"></iframe> 
    <div id="caption"></div> 
</div> 

スクリプト：

var modal = document.getElementById('myModal'); 
var img = document.getElementById('myImg'); 
var modalImg = document.getElementById("img01"); 
var captionText = document.getElementById("caption"); 
img.onclick = function(){ 
    modal.style.display = "block"; 
    modalImg.src = this.src; 
    captionText.innerHTML = this.alt; 
} 
var modal = document.getElementsByClassName("modal")[0]; 
modal.onclick = function() { 
    modal.style.display = "none"; 
} 

JSFiddleデモリンク：

FIDDLE LIVE DEMO

[今すぐ見る]をクリックすると、動画が開きます。外側をクリックすると、モーダルは閉じますが、ビデオは引き続き再生されます。

モーダルが閉じられてもビデオを閉じてもらいたいのですが、私のためには機能しません。 第2に、「今すぐ見る」をクリックすると動画が自動再生されます。

Answer 1

は、これは（更新）してみてください。

srcをリセット

https://jsfiddle.net/tonnjngm/

var modal = document.getElementsByClassName("modal")[0]; 
modal.onclick = function() { 
    modal.style.display = "none"; 
    var src = modal.querySelector('iframe').getAttribute('src'); 
    modal.querySelector('iframe').setAttribute('src', src); 
} 

は、種類の映像を停止します。