ページがロードされたときにfancyboxを開いています。YouTube ビデオがページに埋め込まれている場合、fancybox で前/次の画像をクリックするまで表示されたままになります。
HTMLコードは次のとおりです。
<div id="fancycontainer">
<a href="img/normal/01.jpg" rel="fg" class="fg" id="fg_1"><img src="img/stamp/01.jpg"></a>
<a href="img/normal/02.jpg" rel="fg" class="fg" id="fg_2"><img src="img/stamp/02.jpg"></a>
<a href="img/normal/03.jpg" rel="fg" class="fg" id="fg_3"><img src="img/stamp/03.jpg"></a>
</div>
<p><iframe width="420" height="315" src="http://www.youtube.com/embed/P2-VGDF4y18" frameborder="0" allowfullscreen></iframe></p>
<p>blah blah...</p>
jQueryコードは次のとおりです。
$(function() {
$('.fg').fancybox();
});
// autoopen
$(document).ready(function() {
$('#fg_1').trigger('click');
}
開いたファンシーボックスを YouTube ビデオの上に配置するにはどうすればよいですか?