0

我不知道为什么我的 Vimeo 视频没有出现在 Shadowbox 中。

我想我已经到了我知道该怎么做的最简单的一点，即直接从 github 页面复制并粘贴示例，然后将 shadowbox 路径更改到我服务器上的正确位置（对于 .js 和 .css 文件）。

当我点击视频的链接时，我希望视频显示在一个影子框中。

相反，页面只是变暗（所以我知道 shadowbox 正在尝试做某事），但屏幕上没有视频或框出现。

我在示例页面中添加了一个简单的图像链接，只是为了测试一个简单的图像是否可以工作。确实如此。

我的示例代码来自：https ://github.com/mjijackson/shadowbox/blob/master/examples/vimeo.html

该代码应该像这里底部的 Vimeo 链接一样工作：http: //www.shadowbox-js.com/index.html

我的实际工作页面可以在以下位置找到：http: //zanezmiller.com/hidden/video-test.html

这是我尝试开始工作的示例页面的完整代码：（在此先感谢您的帮助）

<html>
<head>
<link rel="stylesheet" type="text/css" href="/shadowbox/style.css">
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
<script type="text/javascript" src="/shadowbox/shadowbox.js"></script>

<script type="text/javascript">
   Shadowbox.init({}, function() {
      Shadowbox.setup('a[title="Egypt/Lebanon Montage"]', {
         height:     360,
         width:      640,
         flashVars:  {
            clip_id:  "7058755",
            autoplay: "1"
         }
     });

     Shadowbox.setup('a[title="Shows Images Work"]', {
        height:     360,
        width:      640
     });
 });
</script>
</head>
<body>
    <p>This example demonstrates how to display a Vimeo video in Shadowbox.</p>
    <p><a href="http://vimeo.com/moogaloop.swf" title="Egypt/Lebanon Montage">Click Here</a></p>
    <p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p>    
    <p><a title="Shows Images Work" href="http://upload.wikimedia.org/wikipedia/en/thumb/d/dd/G2Cloud_eso1151a.jpeg/200px-G2Cloud_eso1151a.jpeg">This shows images work</a></p>


</body>
</html>
4

1 回答 1

1

很高兴它起作用了，我会重新写评论，这样随机访问者也会发现它也很有帮助。:)

确保使用适当的选项构建 shadowbox 库，否则要使用的特定 shadowbox 模式有效。见：http ://shadowbox-js.com/download.html

于 2013-10-15T03:24:34.403 回答