読者です 読者をやめる 読者になる 読者になる

gotin blog

Whatever gotin wanna write

Mac OS XのFirefox2.0環境で、cssでopacityが設定されているとyoutube movieが表示されない

lingrクライアントをGreasemonkeyで作ってみたで作っているlingrクライアントを作っていて気づいたんですが、youtube movieを表示させようとしたときに、

<object id="movie" height="370" width="450">
  <param name="movie" value="http://www.youtube.com/v/_g82Tx033Ck" />
  <param name="wmode" value="transparent" />
  <embed wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/_g82Tx033Ck" height="370" width="450">
</object>

とhtmlを出力するわけですが、このobject要素やその親要素にcssでopacityが設定されていると、表示できませんでした。
これはすべての環境で、というわけではなく、Mac OS XのFirefox2.0だとこの現象が起こりました。
WindowsXPのFirefox2.0だとこの現象は起こりませんでした。
その他の環境はよくわかりません。
もしかしたらその他のflashでも同様の現象が起こるのかもしれないです。

というわけで、lingr.user.jsの最新版では本家lingrと同様にyoutubeの動画ページのURLが発言されると上記のようなobject要素を出力してmovieを表示するようにしたのですが、そのためにopacityを設定しないことにしました。