4

ここでカラーボックスを設定しています( [すべて展開] をクリックしてから 2 番目のリンクをクリックします) が、カラーボックスに埋め込んでいる 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ベースです。

4

1 に答える 1

5

colorbox CSS ファイルをインクルードするのを忘れました:

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

colorboxをダウンロードすると、zip ファイルに 5 つのサンプルが含まれることに注意してください。各例には、colorbox.css ファイル (例のフォルダー、たとえば、"Example 1/colorbox.css" にあります) で定義された異なるスタイルのカラーボックスがあります。フレーバーを選択し、対応する colorbox.css ファイルを css ディレクトリにコピーします。

于 2012-07-31T21:15:23.717 に答える