Vimeo 视频灯箱
Vimeo video lightbox
我很难获得 Swipebox.js Vimeo video lightbox to work. I've also tried Shadowbox 运气不好。
实际的覆盖效果。视频只是不显示。我尝试了不同的视频 links，使用文本 link 而不是图像，并调整了插件的触发。
这是我尝试开始工作的实际页面（参见顶部的视频 link）：
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 的帮助。
你为什么不使用这个代码：
<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>
将 YOUR VIDEO ID 替换为您要在弹出式灯箱中播放的视频 ID。
还有
将 <img src="VIDEO IMAGE URL"/> 或您可以在此处添加一些文本，这将作为打开灯箱的触发器 替换为您的图像 URL 或要设置的一些文本一个触发器，单击它会打开弹出式灯箱。
来源：http://www.the101helper.com/2016/10/jquery-on-click-pop-up-light-box-video.html
我很难获得 Swipebox.js Vimeo video lightbox to work. I've also tried Shadowbox 运气不好。
实际的覆盖效果。视频只是不显示。我尝试了不同的视频 links，使用文本 link 而不是图像，并调整了插件的触发。
这是我尝试开始工作的实际页面（参见顶部的视频 link）： 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 的帮助。
你为什么不使用这个代码：
<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>
将 YOUR VIDEO ID 替换为您要在弹出式灯箱中播放的视频 ID。
还有
将 <img src="VIDEO IMAGE URL"/> 或您可以在此处添加一些文本，这将作为打开灯箱的触发器 替换为您的图像 URL 或要设置的一些文本一个触发器，单击它会打开弹出式灯箱。
来源：http://www.the101helper.com/2016/10/jquery-on-click-pop-up-light-box-video.html