FancyBox 2 YouTube wmode 参数未激活

Question

由于某种原因，我无法获得绝对位置的元素，z-index设置为9999出现在带有 YouTubeiframe的 FancyBox 上，即使我将wmode参数设置为opaque，即使是"X"关闭按钮：

花式盒子 v2.1.3

花式盒子媒体 v1.0.5

.JS：

(function($) {
$(function() {
$('#splash-video')
.fancybox({
fitToView : true,
width     : '100%',
height    : '100%',
margin    : 10,
padding   : 0,
helpers   : {
media : true
},
youtube : {
params : {
autoplay : 1,
fs       : 1,
hd       : 1,
rel      : 0,
showinfo : 0,
wmode    : 'opaque' // this no worky
}
}
});
$('.skip-video').on('click', function() {
$.fancybox.close();
$(this).remove();
});
setTimeout(function() {
$.fancybox.close();
$('.skip-video').remove();
}, 64000);
});
})(jQuery);

.HTML：

<a id="splash-video" href="http://www.youtube.com/watch?v=dQw4w9WgXcQ"></a>
<a href="#" class="skip-video">Skip Video</a>

上面激活了我的 FancyBox，然后点击触发出现，同时将我的.skip-video锚位置放在顶部，但它没有。

透明和不透明似乎对任何浏览器都没有影响;"X"关闭按钮和div位于Chrome中的YouTube视频上方，但实际上没有其他主要浏览器(FF，IE7-9，Opera和Safari)。

总而言之，我认为YouTube参数都不起作用。

更新：

由于Janis的帮助:)，它现在正在工作。 我将我的花式盒子JS更改为：

$('#splash-video')
.fancybox({
fitToView : true,
width     : '100%',
height    : '100%',
margin    : 0,
padding   : 0
});

并将定位点更改为：

<a id="splash-video" class="fancybox.iframe" href="http://www.youtube.com/embed/opj24KnzrWo?autoplay=1&amp;autohide=1&amp;fs=1&amp;rel=0&amp;hd=1&amp;wmode=opaque&amp;enablejsapi=1"></a>

大获成功！

Answer 1

1. 为什么你认为没有一个参数在工作？您的视频是否自动启动？如果您检查开发人员工具，iframe 源代码是否如下所示？
   
   http://www.youtube.com/embed/opj24KnzrWo?autoplay=1&autohide=1&fs=1&rel=0&hd=1&wmode=opaque&enablejsapi=1如果是，那么脚本工作正常。

2. 我不知道您究竟如何尝试让绝对位置的元素出现在 fancyBox 上，以及为什么它对您不起作用，但这对我来说很好用：

   $(".fancybox")
   .attr('rel', 'gallery')
   .fancybox({
   openEffect  : 'none',
   closeEffect : 'none',
   nextEffect  : 'none',
   prevEffect  : 'none'
   });​
   

   测试用例。