Colorbox,无法控制Youtube Video的尺寸......太小了

Question

我在这里设置了彩盒 (点击展开全部,然后是第二个链接),但是我在彩盒中嵌入的YouTube视频显示的尺寸错误."关闭"也在一个奇怪的位置.照片显示问题:i.stack.imgur.com/of8X4.png

它应该是一个720p的视频,并且打开相当大.我尝试在脚本中更改此行,但它没有效果:

    $(".youtube").colorbox({iframe:true, innerWidth:960, innerHeight:720});

我需要在html中给它一个大小吗？

<li><a class='youtube' href="http://www.youtube.com/embed/hvHB5RvdorU?rel=0&amp;wmode=transparent">Forming System Assembly Video</a></li>

扩展列表有可能踩到Colorbox,我从这里得到了代码.它是基于jQuery的.

Answer 1

您忘记包含colorbox CSS文件:

<link rel="stylesheet" href="css/colorbox.css" />

请注意,下载colorbox时,zip文件将包含5个示例.每个示例都有colorbox.css文件中定义的不同颜色框样式(位于示例的文件夹中,例如"Example 1/colorbox.css").选择你的风格并将相应的colorbox.css文件复制到css目录中.