埋め込み IE条件付コメ

まえまえ記事で、マリン さんが
どちらかのブロガーさんが埋め込みタグで
ご苦労されていらっしゃると教えて頂いたんですが、
僭越ながら乏しい私の知識で、一般的なことをちょっと…

WMPなどをブログなどに埋め込む時、
embedタグはIEでは認識しないとかよく聞きます。
そしてふつう、入れ子にして記述します。
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
width="～" height="~~">
<param name="filename" value="URL" />
<param … />
…
<embed type="application/x-mplayer2"
src="URL" width="～" height="~~" …>
</embed>
</object>
という感じです。
外側のobjectタグをIEが認識し、
それ以外のブラウザが内側のembedタグを認識するようです。
この例ではWMPのオールドバージョンを埋め込みますが、
新しいバージョンがインストールされていれば、
それが適用されるようです。

ちなみに、フラッシュの埋め込みの場合、
objectタグのActiveX用classidは、
clsid:D27CDB6E-AE6D-11CF-96B8-444553540000
パラメータでname属性値をmovie、
value値にファイルの存在するURLを指定します。
embedタグの方は、type属性が、
application/x-shockwave-flash
になります。

まえ記事のYouTubeの貼り付けも同じ意味です。
例として2番目の大フーガのタグは次のようになってます。
<object width="450" height="280">
<param name="movie"
value="http://www.youtube-nocookie.com/v/egn1z3sVvoY&hl=ja_JP&fs=1&rel=0">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed type="application/x-shockwave-flash"
src="http://www.youtube-nocookie.com/v/egn1z3sVvoY&hl=ja_JP&fs=1&rel=0"
width="450" height="280"
allowfullscreen="true" allowscriptaccess="always">
</embed>
</object>



また、IEで使えるテクニックとして、
条件付コメントが使えるかもしれません。

<!--[if gte IE 5 ]>
IE5以上のみここを認識します。
<![endif]-->
（gteはgreater than or equal、「以上」の意味。）

<!--[if lt IE 7 ]>
IE7未満のみここを認識します。
ただし、条件付コメはIE5からです。
<![endif]-->
（ltはless than、「未満」の意味。）
（推測できると思いますが、gtが「こえる」、lteが「以下」になります。）

<!--[if !IE 6 ]>
IE6以外で機能します。
<![endif]-->
（!は「以外」ですよね。）

上記はIEに対応した使い方で、
以下はIE以外のブラウザに対応した書き方です。
もちろん、条件付コメはIE5からなので、
残念ながらIE4以下にも有効になってしまいます。
でもIE4などを使っている方はほんと少数でしょうけれども

<![if !IE ]>
IE4以下とIE以外のブラウザで使えます。
<![endif]>

タグ：埋め込み オブジェクトタグ エンベッドタグ メディアプレーヤー 条件付コメント