モーダルを閉じるときにFBビデオを停止またはミュートする

Question

Facebookのビデオを表示するためのブートストラップモーダルポップアップを持っていますが、閉じるときにモーダルを閉じるときに停止しています。

私のコード：

<script>(function(d, s, id) { 
var js, fjs = d.getElementsByTagName(s)[0]; 
if (d.getElementById(id)) return; 
js = d.createElement(s); js.id = id; 
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&appId=667393203349368"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
</script> 

    <div class="col-md-12" data-toggle="modal" data-target="#test-video-1"> 
    <a href="" onclick="return false;" > 
     <div class="test-video-title"> 
     <h3>Test 1</h3> 
     </div> 
     <div class="test-video-content"> 
     <img src="Images/partnerji/default.png" alt="VideolistImg" /> 
     </div> 
    </a> 
    </div> 


    <div class="modal fade" id="test-video-1" role="dialog"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-v-header"> 
       <button type="button" class="close" data-dismiss="modal">X</button> 
       <h3 class="modal-title">Test 1</h3> 
      </div> 
      <div class="modal-v-body"> 
       <div class="fb-video" data-href="https://www.facebook.com/facebook/videos/10153231379946729/" data-width="800" data-show-text="true">&#160;</div> 
      </div> 

      </div> 

     </div> 
    </div> 

Answer 1

は、ブートストラップからhidden.bs.modal eventを使用してみてください。ここで私は関連するSOの答えで見つけたコードサンプルです。

$(function(){ 
$('#test-video-1').modal({ 
    show: false 
}).on('hidden.bs.modal', function(){ 
    $(this).find('.fb-video')[0].pause(); 
}); 

}）;

Answer 2

.fb-video要素はiframeに置き換えられます。あなたは同じ起源ポリシーのためにあなたのスクリプトからのアクセス権がありません。答えをhttps://developers.facebook.com/docs/plugins/embedded-video-player/api