jQuery Fancybox在YouTube视频上打开

问题描述：

我在加载页面时打开fancybox。如果YouTube视频嵌入页面，它仍然可见，直到我点击fancybox中的prev/next图像。jQuery Fancybox在YouTube视频上打开

下面是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视频打开的fancybox？

答

尝试将wmode参数添加到URL并将其设置为opaque，这应该可以解决您的问题。

<p><iframe width="420" height="315" src="http://www.youtube.com/embed/P2-VGDF4y18?wmode=opaque" frameborder="0" allowfullscreen></iframe></p>

jQuery Fancybox在YouTube视频上打开

相关推荐