Colorbox帮忙!嵌入了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>