Jquery 为什么我的Fancybox插件在新窗口中打开本地存储的视频？

我正在尝试用一系列图像构建一个视频转盘，当单击这些图像时，会在同一屏幕上打开一个光盒视频。所有图像都链接到相应的视频：

    <div>
        <a class="fancybox" rel="arch" href="video/MotionTest_0001.mp4">
            <img src="img/videoStandIn.png" width="492" height="275" />
        </a>
    </div>

我已经检查了inspector，我的浏览器正在正确加载这些脚本/样式表：

<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js">    
</script>

是的，我已经在文件正文的顶部加入了经常被遗忘的脚本：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({});
    });
</script>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（{}）；
});

---

然而，每次我点击一个链接的视频，它就会在一个新窗口中打开，就像我刚刚在文档中插入了一个常规链接一样。我浏览过互联网，但我所尝试的似乎都不能解决我的问题。这是一个非常酷的想法，我喜欢任何人可能有的洞察力。提前谢谢

为视频转盘指定数据fancybox type=“iframe”。这是您的代码更新和一个更多的工作参考。。这应该对你有帮助，让我知道

<a class="fancybox" rel="gallery1" data-fancybox-type="iframe" href="http://www.youtube.com/embed/L9szn1QQfas"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

---

您在firebug控制台中是否有任何错误？你能添加JSFIDLE吗？我想这应该是我正在进行的事情的一个准确表示。。我更新了你的小提琴。事实上，是的，iframe更好用。我认为问题在于我直接引用了一个本地存储的视频，其格式与插件（mp4）不兼容。非常感谢。

$(document).ready(function () {
    $('.fancybox').fancybox({
        openEffect  : 'none',
        closeEffect : 'none',
        nextEffect  : 'none',
        prevEffect  : 'none',
        padding     : 0,
        margin      : [20, 60, 20, 60] // Increase left/right margin
    });
});