Javascript Vimeo视频未显示在影盒中_Javascript_Html_Css_Shadowbox

Javascript Vimeo视频未显示在影盒中

javascript html css

Javascript Vimeo视频未显示在影盒中,javascript,html,css,shadowbox,Javascript,Html,Css,Shadowbox,我不明白为什么我的Vimeo视频没有出现在暗箱中我想我已经达到了我所知道的最简单的一点，那就是直接从github页面复制并粘贴示例，然后将shadowbox路径更改到服务器上的正确位置（对于.js和.css文件）当我点击视频链接时，我希望视频显示在阴影框中相反，页面只是变暗了（所以我知道shadowbox正在尝试做一些事情），但屏幕上没有显示视频或方框我在示例页面中添加了一个简单的图像链接，只是为了测试一个简单的图像是否有效。是的我的示例代码来自：代码应该像下面的Vimeo链接一样工

我不明白为什么我的Vimeo视频没有出现在暗箱中

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

当我点击视频链接时，我希望视频显示在阴影框中

相反，页面只是变暗了（所以我知道shadowbox正在尝试做一些事情），但屏幕上没有显示视频或方框

我在示例页面中添加了一个简单的图像链接，只是为了测试一个简单的图像是否有效。是的

我的示例代码来自：

代码应该像下面的Vimeo链接一样工作：

我的实际工作页面位于：

以下是我尝试使用的示例页面的完整代码：（提前感谢您的帮助）


init（{}，function（）{
Shadowbox.setup（'a[title=“埃及/黎巴嫩蒙太奇”]”{
身高：360，
宽度：640，
闪光灯：{
剪辑编号：“7058755”，
自动播放：“1”
}
});
Shadowbox.setup（'a[title=“Shows Images Work”]”{
身高：360，
宽度：640
});
});
此示例演示如何在Shadowbox中显示Vimeo视频

此文件是的一部分。

很高兴它起作用了，我会重新发布评论，这样随机访问者也会发现它很有用。：）

确保使用适当的选项构建阴影盒库，否则要使用的特定阴影盒模式将正常工作。请看：

URL似乎错了？我也是这么想的。但是moogaloop绝对是对的。在示例页面上，它最终生成的代码如下所示：当您下载Shadowbox时，是否选择了视频选项？试着检查所有的复选框，看看是否有效，然后取消选中，直到它停止工作，然后你知道你需要什么…哦，我的天啊。非常感谢。就这样！（我想一个小时的挫折感是我没有仔细阅读的结果。）如果你想把它作为一个答案提交，我很想确保你得到你的声誉。是的，shadowbox可能会给你一个很好的警告，告诉你你错过了什么，而不仅仅是死亡。：）

<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>