Question

我无法让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＆amp;事件发生应该到位。

非常感谢任何帮助。我没有附加到Swipebox-我会使用任何可以点击图像来显示（和自动播放）Vimeo视频。谢谢你的帮助。

Answer 1

问题解决了：插件在实时托管时有效，但在本地无法使用。更具体地说，Vimeo视频仅在页面加载到服务器上时加载。谢谢@showdev的帮助。

Answer 2

为什么不使用此代码：

<link rel="stylesheet" type="text/css" href="https://rawgit.com/101Helper/docs/1a5967de5f298b3434c498858adf8a98146f9aaf/player.css" />
<div id="jquery-script-menu">
<a rel="nofollow" href="Javascript:" class="link-lightbox" data-videoid="YOUR VIDEO ID" data-videosite="vimeo"><img src="VIDEO IMAGE URL"/> OR YOUR CAN ADD SOME TEXT HERE WHICH WILL ACT AS TRIGGER TO OPEN LIGHT BOX</a><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/101Helper/docs/master/player.js"></script></div>

将您的视频ID 替换为您想要在弹出式灯箱中播放的视频ID。

另外

替换 <img src="VIDEO IMAGE URL"/>或者你可以在这里添加一些文本，这将使用您的图像URL或某些文本设置触发器来打开灯箱，点击后将打开弹出窗口灯箱。

来源：http://www.the101helper.com/2016/10/jquery-on-click-pop-up-light-box-video.html

Vimeo视频灯箱

2 个答案: