モーダルビデオiframeが前のビデオを読み込まないようにするiframe

Question

2つのモーダルビデオiframeが独立して読み込まれるサイトがあります。しかし、最初にクリックして閉じると、もう一度iframeをクリックすると、一度クリックする代わりに最初に読み込まれるように見えます。以下は

モーダルコード

<!-- Modal-1 --> 
     <div id="modal-1" class="modal fade" role="dialog"> 
      <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <p class="title">Los Angeles Men's Central Jail inmates live in squalid conditions</p> 
       <p class="author">By David Ono</p> 
       <p class="date">Monday, March 23, 2015</p> 
       </div> 
       <div class="modal-body"> 
       <div class="embed-responsive embed-responsive-16by9"> 
        <iframe class="embed-item" width="100%" src="https://abc7.com/video/embed/?pid=567290" frameborder="0" allowfullscreen></iframe> 
       </div> 
       </div> 
       <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
      </div> 
     </div> 
     <!-- Modal-2 --> 
     <div id="modal-2" class="modal fade" role="dialog"> 
      <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <p class="title">Inside the largest jail system in the country</p> 
       <p class="author">By Lisa Ling</p> 
       <p class="date">Tuesday, September 13, 2016</p> 
       </div> 
       <div class="modal-body">      
       <div class="embed-responsive embed-responsive-16by9"> 
        <iframe class="embed-item" width="100%" src="//fave.api.cnn.io/v1/fav/?video=tv/2016/09/15/lisa-ling-la-country-jail-orig-al.cnn&customer=cnn&edition=domestic&env=prod" frameborder="0" allowfullscreen></iframe> 
       </div> 
       </div> 
       <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       </div> 
      </div> 
      </div> 
     </div> 

されており、ここで私は解決策を見つけたように見えます近い

$('#modal-1, #modal-2').on('hidden.bs.modal', function() { 
    $('iframe').attr('src', $('iframe').attr('src')); 
}); 

Answer 1

上のビデオを停止するにはjavascriptのです。どうやら私の前のコードは両方のiframeを最初のものに戻していました。以下は私が見つけた修正です。

$('#modal-1, #modal-2').on('hidden.bs.modal', function() { 
    $('iframe').each(function(){ 
     var src = $(this).attr('src'); 
     $(this).attr('src', src); 
    }); 
});