1

我正在尝试使用fancyBox 2嵌入 Vimeo 视频。我可以让灯箱弹出，但我得到的只是一个永远持续的旋转加载图标。

我在 StackExchange 上对类似的 Vimeo 问题进行了大量搜索，但实施其他人建议的事情并没有解决问题。

我现在什至创建了一个新的测试站点（在本地目录中带有链接文件的纯 HTML 文档），然后逐行使用了 fancyBox 文档部分中列出的关于使用媒体助手（扩展功能）的代码，但这不是工作。相同的加载微调器，永远卡住。

有谁知道为什么这不起作用？在 Safari 7 和 Chrome 中进行测试。在 Safari 中，我遇到了卡住的加载微调器。在 Chrome 中，我在灯箱中看到一个错误页面，上面写着“找不到文件或目录”。

这是我的代码：

<!DOCTYPE HTML>

<head>

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add fancyBox -->

<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Add fancyBox media helpers -->

<script type="text/javascript" src="js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('.fancybox-media').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            helpers : {
                media : {}
            }
        });
    });
</script>

</head>

<body>

    <a class="fancybox-media" href="https://vimeo.com/78112273">Video</a>

</body>

我得到的只是一个卡住的微调器和一个错误页面。

非常感谢任何帮助和建议！谢谢！

4

1 回答 1

1

确保您的页面具有有效的 DOCTYPE，最重要的是，请注意，该案例似乎会影响显示弹出窗口时视频是否实际加载。（您需要在 doctype 声明中使用小写的“html”）

IE。使用：

<!DOCTYPE html>
<html>
<head>

为我修好了...这可能就是您的示例在 jsfiddle 中有效的原因。

于 2013-11-19T17:08:18.090 回答