【问题标题】:How do I display youtube videos with lytebox?如何使用 lytebox 显示 youtube 视频?
【发布时间】:2011-09-09 18:42:13
【问题描述】:
我在这里有一个 youtube 嵌入代码:<iframe width="560" height="349" src="http://www.youtube.com/embed/F_sbusEUz5w" frameborder="0" allowfullscreen></iframe>
我想使用 Lightbox 2 的修改版本(称为 lytebox)显示,可在此处找到:
http://www.dolem.com/lytebox/
提前致谢。
【问题讨论】:
标签:
javascript
jquery
youtube
embed
lightbox2
【解决方案1】:
试试这个,
<a href="http://www.youtube.com/embed/F_sbusEUz5w" rel="lyteframe" rev="width: 560px; height: 349px; scrolling: auto;">Click here to view the video.</a>
【解决方案2】:
最简单的方法是:将您的 iframe 保存在不同的 html 页面中并通过 lytebox 加载此页面
<a href="http://yoursite.com/yourpage.html" rel="lyteframe" title="title"
rev="lytebox styling">Your video name</a>
您也可以直接使用嵌入链接而不是页面