Question

我为什么我的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>

Answer 1

很高兴它有效，我会重新发表评论，以便随机访问者也会觉得有用。：）

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

Vimeo视频没有出现在ShadowBox中

1 个答案: