0

私は本当に簡単なことをしようとしています。次のようなYouTube iframeビデオを配置するブートストラップモーダルウィンドウがあります。

<iframe id='youtube-player' width="560" height="315" src="http://www.youtube.com/embed/AYPePO0oa_o?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

ブートストラップの close クラスを使用して、ビデオをトップにしたいと思います。私はこれを持っていますが、動作していません（明らかに）

$('.close').on('click', function(){
  alert('here you are');
  $('#youtube-player').stopVideo();
});

これは本当に単純なように見えるはずですが、何をすべきかわかりませんか? どんな助けでも大歓迎です。

thx事前に、

ジョナサン

4

2 に答える 2

3 
<body>
<div class="modal" id="modalId" >

</div>

<script type="text/javascript" >
$('#modalId').bind('hide', function () {
    var iframe = $(this).find('iframe');
var src = iframe.attr('src');
iframe.attr('src', '');
iframe.attr('src', src);
});
</script>
</body>
于 2013-05-08T16:48:51.360 に答える
0

最初にiframeを埋め込む方法に関係があると思います。

この質問を見てください。まったく同じではありませんが、似ています:すべての YouTube iframe 埋め込みの再生を停止しますか?

これは、コントロールを使用する場合に iframe を埋め込む方法に関する Google の You Tube 開発者リファレンスです: https://developers.google.com/youtube/iframe_api_reference

必要な情報がすべて含まれているはずです。

于 2012-11-06T04:52:44.997 に答える