Web ページの読み込み時にカラーボックスを使用してビデオをポップアップ表示しています。カラーボックスモーダルでインラインhtmlオプションを使用しており、モーダルボックスにiframe youtubeビデオがあります。ビデオを閉じるとオーディオが停止しますが、再びロードして再生を開始します。モーダル ボックスを閉じたときに、オーディオの再生が再開されないようにしたいと考えています。
ページがロードされたときにモーダルを開くスクリプトは次のとおりです。
<script>
jQuery(document).ready(function() {
jQuery.colorbox({width:"602px", height:"460px", inline:true, href:"#video_popup"})
});
</script>
実際のインライン コンテンツは次のとおりです。
<div style="display:none;">
<div id="video_popup">
<iframe width="560" height="315" src="http://www.youtube.com/embed/6A8W77m-ZTw?&autoplay=1&controls=0" frameborder="0" allowfullscreen></iframe>
<button></button>
</div>
</div>