youtubeの吐き出すタグをXHTML仕様にする

youtubeを見ると、about this videoの欄にembedとあって、タグが書いてあります。
コレを記述することによって、任意のページにそのビデオを呼び出すことが可能になっているわけですが、
HTML4.01仕様なので、XHTMLを使っているこのblogでは都合が悪かった。
これを直す方法を紹介します。

Thanks!
Flashをstrict XHTMLで。
http://www.nurs.or.jp/~b3/log/archives/2004/05_19_flash_xhtml.html

とりあえず、タグを拾ってみましょう。


<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/0XDBJ-PjshM"></param>
<embed src="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

うわぁ。めんどくさそうなソースだ。

んで、下が整形後です。


<object data="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/0XDBJ-PjshM" /></object>

どう変えるかと言うと、
embedタグが邪魔なのです。よって、objectタグに重複している値以外をとりあえずコピペ。


<embed src="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash" width="425" height="350"></embed>

src="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash"

をもらって、objectタグの中に仕込みます。


<object src="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash" width="425" height="350">

これじゃダメなので、 srcを dataへ変えます。


<object data="http://www.youtube.com/v/0XDBJ-PjshM" type="application/x-shockwave-flash" width="425" height="350">

んで、paramタグは何も手を加えず・・・ウソです。
paramは空要素(のハズ)なので、


<param name="movie" value="http://www.youtube.com/v/0XDBJ-PjshM" />

と閉じる形にします。

2006年11月13日追記
paramはyoutube側で閉じるようになったのでそのままでOKです

んで、embed周りは全部消す。

コレでOK~

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク