2007年1月 5日
YouTube の Embed タグを XHTML valid にする
YouTube で公開されている、ブログ等へ貼り付ける Embed タグには embed 要素が含まれています。この embed 要素は XHTML では定義されていないため、このタグを貼り付けると XHTML valid なページになりません。
ということで、下記のサイトを参考にタグを修正してみました。
cyano：FlashをXHTMLで表示させるには（embedタグを使わずに表示させるには）
変更前（赤色を削除）
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/gMHQ2a9VTyo"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/gMHQ2a9VTyo" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>変更後（青色を追加）
<object data="http://www.youtube.com/v/gMHQ2a9VTyo" type="application/x-shockwave-flash" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/gMHQ2a9VTyo" /><param name="wmode" value="transparent" /></object>変更点は下記の通りです。
object要素にdata属性を追加し、属性値にembed要素のsrc属性値を記述object要素にtype属性を追加し、属性値にembed要素のtype属性値（application/x-shockwave-flash）を記述param要素の終了タグを削除し、開始タグを空要素タグ（末尾に " /" を付与）に変更
と、調べきったところでネットを検索したら既出でありました。
- YouTube の Embed タグを Valid にするにはどう改変すればいいですか？
- Bernie Zimmermann：Embedding YouTube Videos as Valid XHTML 1.0
ともあれ、これで XHTML valid になります。data 属性値にはファイル名が設定されているサンプルはよくみかけますが、仕様上、URI を設定するのは適正なようです。*1
書き換えが面倒な方は、下記の「YouTubeの動画埋め込みタグをValidにするツール」をご利用ください。
2007.03.14 追記
YouTube -> Valid を追記しました。
*1：XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) 等
Comments [0]
| Trackbacks [9]
