Question

我有一个问题，过去几天一直困扰着我。我（至少我认为是这样）正确实现了Fancybox，它与图像完美配合。但是，每当我尝试使用Fancybox打开视频时，它都会打开fancybox样式加载屏幕，但不会播放视频本身。它只是加载大约一分钟，然后显示：“找不到文件或目录”。像this一样。我的代码是这样的：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css">

    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/jquery.fancybox-media.js"></script>

</head>

<body>

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

            $(".fancybox-media").fancybox({
                    helpers : {
                        media : {}
                    }
                });

        });
    </script>

    <a class="fancybox-media" href="http://vimeo.com/36031564">Vimeo</a>

</body>

我100％肯定我指的是js和css的正确路径，以及最新版本。我在这里错过了什么？为什么这不起作用，就像图片一样？

Answer 1

您的代码是正确的，您可以从this fiddle看到。

我的猜测是你在浏览器中本地打开HTML文件，它使用的是file：///协议。这导致它在这里搜索视频而不是在线：

file://player.vimeo.com/video/36031564?autoplay=1&hd=1&show_title=1&show_byline=1&show_portrait=0&fullscreen=1

只要您使用网络服务器加载此页面，它就可以正常工作。

Answer 2

原来这个问题只发生在本地...当我在线托管完全相同的代码时，它可以工作。我完全不知道为什么，但最终有效。

Fancybox没有加载视频

2 个答案: