Fancybox Minimum不适用于视频吗? [英] Fancybox minimum does not work for video properly?

问题描述

将fancybox与叠加层配合使用时，jQuery似乎有问题吗?

When using fancybox with an overlay, I seem to have issues with the jQuery working?

在mg.hejmej.com/index.html上查看(左侧第二个框)

View it at mg.hejmej.com/index.html (2nd box from the left)

推荐答案

由于您要通过embed模式定位youtube视频

Since you are targeting your youtube videos via embed mode

http://www.youtube.com/embed/HGVTaIlzocM

然后，您需要使用'type':'iframe'正确的fancybox脚本:

then you need the proper fancybox script using 'type':'iframe':

$("a.fancybox-vidz").fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'         : 680,
            'height'        : 495,
            'type'          : 'iframe',
});

您可以优化链接以进行自动播放，并将其自己定位在fancybox关闭按钮后面，例如

You may optimize your link to autoplay and to position itlself behind the fancybox close button like

<a href="http://www.youtube.com/embed/HGVTaIlzocM?autoplay=1&amp;wmode=opaque" title="Have a blast at Max's Golf Centre!" class="fancybox-vidz"><img alt="Photo" src="images/h3.jpg" class="fade" style="opacity: 1;"></a>

这篇关于Fancybox Minimum不适用于视频吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！