youtube - Colorbox，无法控制 Youtube Video 的大小……太小了

Question

我是 setting up colorbox here
(单击全部展开，然后单击第二个链接)
但是我嵌入在 colorbox 中的 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 文件(位于示例的文件夹中，例如“示例 1/colorbox.css”)中定义了不同的颜色框样式。选择您的风格并将相应的 colorbox.css 文件复制到您的 css 目录中。