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>

Colorbox帮忙！嵌入了YouTube视频

2 个答案: