whimsical blog

LightBox風のFLVプレイヤーで「videobox」っていうのがあるんです。
YoutubeなんかのLightbox風に見せるやつ。

http://videobox-lb.sourceforge.net/

これ使ってみようと思いまして。解説読んだらjsファイルとかCSSとかをDLしてヘッダに書いて、リンクにrel書けばいいだけみたい。

とりあえず新規ページ作ってテストしてみたらすんなりと表示できたので、実際使いたいページに適用してみた。

が、なんかちゃんと動かない。

レイヤーが全画面覆わずに上20px分ぐらいしか出てこない。
FLVプレイヤーも枠が右切れてるし、ページ上端にくっついちゃってる。
なんでかなぁ？そのページで使ってる他のCSSとがっちんこしてるとか？よくわからんなぁ？とげくに聞いて見るも昨日の太郎ちゃんのように「限界を超えてる」らしくわからないと言われた。

しょうがないのでちゃんと動かないページの他のCSSを切ってみる。＞動かない×
もういっそ本文もリンク部分だけにしてみる＞×
もしやと思って最初動いたページの方からBODYをコピペしてみる＞×
ヘッダもコピペしてみる＞×

ほわ？！もうほぼテストページと同じ内容なのにまだ動かない！ふしぎ！

ソースをじーーーーーーーっと見比べたら、１箇所違うとこあった！

１行目
＜!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

・・・・なんぞこれ。

よくわからないけどこれもコピペしてみたら…うごいたー！

新規ページ作るとエディタがいつもなんかペタっと勝手に書いてくれるこのタグがそんな役割を担っていたとは知らんかった。

調べてみてDTDを宣言してるってことはわかったけど、これで動いたり動かなかったりする仕組みがよくわからんなぁ。別になくても良さそうなのに。でも実際これがあるとないで挙動が違ったから確実に何かをしてくれてるっぽい。