javascript - Vimeo 视频灯箱

标签 javascript jquery lightbox vimeo

我无法获取 Swipebox.js Vimeo 视频灯箱可以工作。我也尝试过Shadowbox没有任何运气。

实际的叠加效果有效。视频只是不显示。我尝试了不同的视频链接,使用文本链接而不是图像,并调整了插件的触发。

这是我想要开始工作的实际页面(请参阅顶部的视频链接): alookat.org/wavefront .

这是 <a>我的目标是:

<a class="swipebox-video" href="http://vimeo.com/124510802">
    <img id="video-preview" src="img/video-preview.jpg" alt="Wavefront Introduction Video">
    <span></span>
</a>

<span>仅用于播放按钮。我已尽可能严格地遵循 Swipebox 页面上的说明。所有 Javascript 和事件触发都应该就位。

任何帮助将不胜感激。我没有使用 Swipebox,我将使用任何可以点击图像来显示(并自动播放)Vimeo 视频的东西。感谢您的帮助。

最佳答案

问题已解决:该插件在实时托管时可以工作,但在本地无法工作。更具体地说,Vimeo 视频仅在页面加载到服务器上时加载。感谢@showdev 的帮助。

关于javascript - Vimeo 视频灯箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29782690/

相关文章:

jquery - 如何更改搜索结果在下拉列表中的显示顺序

javascript - 用 Javascript/jQuery 构建计时器

html - 在没有 JS 的情况下调整灯箱的位置

javascript - 你能关闭 Submodal 中的加载屏幕吗?

javascript - 我可以在另一个函数中使用本地 "this"吗?

javascript - 从 jQuery 到普通 JavaScript 的语法。功能不一样

javascript - 帮助使用 URL 参数打开选项卡信息

css - 尝试调整 z-index 以便灯箱覆盖整个浏览器屏幕

javascript - 无法在特定函数内运行类的函数

javascript - axios不捕获数据并发送给客户端