我正在尝试使用 colorbox ( http://www.jacklmoore.com/colorbox/ ) jquery 插件在灯箱中启动 YouTube 视频。
这在 colorbox 网站的示例页面上运行良好,但是当我在我的网站上尝试时,我不起作用。
控制台中没有错误,并且灯箱打开时没有任何内容。
示例如下: http://codeplay.azurewebsites.net/colorbox/index.html
这是我启动 colorbox 的方式:
$.colorbox({
href: 'http://www.youtube.com/embed/v0EsVMAyZdI',
iframe: true,
maxWidth: "80%",
maxHeight: "80%"
});
知道出了什么问题吗?
最佳答案
在您的链接上执行此操作:
<a class="youtube cboxElement" href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a>
在 JS 中:
$(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
另请查看此页面的源代码,其中有很多示例: http://www.jacklmoore.com/colorbox/example2/
关于javascript - 如何在 colorbox 中启动 YouTube 视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22489087/