YouTube の Embed タグを XHTML valid にする
YouTube で公開されている、ブログ等へ貼り付ける Embed タグには embed 要素が含まれています。この embed 要素は XHTML では定義されていないため、このタグを貼り付けると XHTML valid なページになりません。
2009.08.13 変換ツール作りました。下記のリンクからどうぞ。
Youtube の貼り付け用 HTML を 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) 等
- YouTube動画の最初に表示される画像を別の画像にする方法
- YouTube検索で投稿日順に並び替える方法
- YouTubeで自動再生を止める方法
- YouTube検索で再生回数順に並び替える方法
- 音声ファイルに画像を追加して動画にする方法
- YouTubeで字幕を表示する方法
- YouTubeの再生回数を取得する方法
- YouTubeで繰り返し再生する方法のまとめ
- YouTube動画をGIFアニメに変換する方法
- YouTube動画にテキストを表示させる方法
- YouTubeの動画を繰り返し再生する方法
- YouTubeで「お気に入り」を表示する方法
- YouTubeで「An error occurred, please try again later.」になる場合の対処
- YouTubeの隠しパラメータ設定ツール
- YouTubeを効果的に見せるための12の隠しパラメータ
≫ YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト from Liner note
FirefoxのアドオンのGreaseMonkeyを利用して自動でYouTubeの埋め込みコードをXHTML validにする
... [続きを読む]
≫ YouTube の埋め込みコードを XHTML Valid にするフィルター from パソコン遊戯
今日の Proxomitron:YouTube の埋め込みコードを XHTML Valid にするフィルター [続きを読む]
≫ YouTubeの動画埋め込みタグをValidに from つぼろぐプラス
みんな大好きYouTube！…かどうかはわかりませんが、 YouTubeの動画が... [続きを読む]
≫ 【web】YouTubeのEmbed タグをXHTML valid にする from 特別-the blog-
覚え書き。 YouTube の動画を貼り付けるというのを普通にやってるんだが、この動画を貼り付けるタグにはW3C非推奨要素 embed が入ってる。 問題... [続きを読む]
≫ FLASH（ＹｏｕＴｕｂｅ等）とXHTML valid from Laspalabras De Amor
FLASH関係のタグ（YouTubeもですが）をそのまま気軽に書き込んでしまうと... [続きを読む]
≫ FLASH(YouTube等)とXHTML valid from Laspalabras De Amor
FLASH関係のタグ(YouTubeもですが)をそのまま気軽に書き込んでしまうと... [続きを読む]
≫ 「WiiでRimo見たい！」キャンペーンに応募してみる from サラリーマン白書
任天堂「Wii」プレゼントキャンペーン開始【応募期間：5/9（水）まで】というキャンペーンをはてなが実施中。 という訳で、早速私もこのエントリーで応募し... [続きを読む]
≫ YouTubeの埋め込みをXHTML validにするブックマークレット from asotech
YouTubeの埋め込みのHTMLはXHTML validではない。The W3C Markup Validation Serviceで怒られる。 そこ... [続きを読む]
≫ [XHTML] livedoorブログをXHTML Validにするためのメモ from Tomute’s Notes
livedoorのブログをW3CのMarkup Validation Serviceでチェックしてみると、かなりのエラーやワーニングが出るので、それを取... [続きを読む]
≫ Windows IE で YouTube が見えない件 from yoshio.info
XHTML Valid なページに、YouTubeのタグをそのまま貼付けるとペー... [続きを読む]
≫ [XHTML] YouTubeのEmbedタグをXHTML validにする（最新版） from Tomute’s Notes
YouTubeで公開されている、ブログ等へ貼り付ける埋め込みコードをXHTML validにする方法は、「小粋空間: YouTube の Embed タ... [続きを読む]
≫ Internet Explorer対処にホトホト疲れた！ from 和歌山県 南紀白浜スパダイブログ
昨日からずっとInternet Explorer対処に明け暮れた挙句・・・殆どあきらめモードに入りつつあります。いい加減世界の標準に追従してくれよ！！何の... [続きを読む]
≫ 東京スカイツリー from 日々研鑽オヤジ奮闘記
東京都墨田区で建設が進む「東京スカイツリー」の高さが、６１０メートルから６３４メートルに変更されることになった。事業主体の東武タワースカイツリーが１... [続きを読む]
≫ iPhoneでBluetoothキーボードを使う: BTstack Keyboard from もちこらむ
engadgetの記事から iphoneの外付けキーボードねたを追いかけています... [続きを読む]
≫ 「YouTube Perfect Embed」YouTubeの貼り付け用コードをXHTML Validでサムネイル付きにするブックマークレット from Creazy!
今日は、YouTubeのダウンロード・・・ではなく、外部ブログなどに貼り付けるためのembedタグを綺麗なコードで出力するためのブックマークレットを紹介... [続きを読む]
