javascript - 彩盒帮助！嵌入 youtube 视频

Question

我对 javascript 和使用 colorbox 完全陌生。我可以根据需要加载和关闭视频。但是，我不知道如何更改框的格式或如何在弹出窗口出现时使背景更加不透明。我有以下代码：

{js}

<br>
<br>
<h1>hello world! This is soooooo exciting! </h1>

<p><a href="javascript:void jQuery.colorbox({
            html:'<iframe width=600 height=400 src=http://www.youtube.com/embed/eh-0knDpn5g frameborder=10 allowfullscreen></iframe>'
                })"> <img src="/uploads/features/featured-block-1.jpg" /></a></p>

此外，我在关闭弹出窗口时遇到了这个奇怪的问题，但背景仍然不透明。

如果有人可以发布一些代码示例或向我解释颜色框如何/如果采用参数，我将不胜感激。

Answer 1

您可以在此页面上找到的所有选项：ColorBox

这是示例：

$.colorbox({ href: 'http://www.youtube.com/embed/eh-0knDpn5g', width: '600px', height: '400px', iframe: true });

Answer 2

<a class='youtube' href='http://www.youtube.com/watch?v=VOJyrQa_WR4'>Business Cats</a>
<script>
    $('.youtube').colorbox({iframe: true, width: 640, height: 390, href:function(){
        var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href);
        if (videoId && videoId[1]) {
            return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent';
        }
    }});
</script>