gpt4 book ai didi

javascript - Vimeo 视频未显示在 ShadowBox 中

转载 作者:太空宇宙 更新时间:2023-11-04 14:28:19 26 4
gpt4 key购买 nike

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

最佳答案

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

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

关于javascript - Vimeo 视频未显示在 ShadowBox 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19372301/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com