javascript - 如何在 colorbox 中启动 YouTube 视频?

标签 javascript jquery colorbox

我正在尝试使用 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&amp;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/

相关文章:

javascript - 将事件监听器附加到与当前域不同的域

javascript - 对索引元素进行排序

jquery - fancybox 工作但不识别 css,即使所有内容都正确链接

javascript - angularjs ns-显示逻辑流程

javascript - 如何从 JQuery 数组中选择数据?

javascript - URL 分割问题

javascript - 选择文件后更改文本框值

jquery - WordPress+SmoothDivScroll+Colorbox : Include a permalink for each of the respective image in colorbox

JQuery 颜色框 : Resize very large image to given size

javascript - 如何延迟打开 Colorbox iframe 弹出窗口?