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

Question

我是setting up colorbox here （单击展开全部，然后单击第二个链接） 但是我在彩盒中嵌入的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，I got the code from here。这是基于jQuery的。

Answer 1

您忘记包含colorbox CSS文件：

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

请注意，当您download colorbox时，zip文件将包含5个示例。每个示例都有colorbox.css文件中定义的不同颜色框样式（位于示例的文件夹中，例如“Example 1 / colorbox.css”）。选择你的风味并将相应的colorbox.css文件复制到你的css目录中。