YouTube の Embed タグを XHTML valid にする

YouTube の Embed タグを XHTML valid にする

Posted at January 5,2007 12:30 AM
Tag:[YouTube]

YouTube で公開されている、ブログ等へ貼り付ける Embed タグには embed 要素が含まれています。この embed 要素は XHTML では定義されていないため、このタグを貼り付けると XHTML valid なページになりません。

2009.08.13 変換ツール作りました。下記のリンクからどうぞ。
Youtube の貼り付け用 HTML を valid にするスクリプト

ということで、下記のサイトを参考にタグを修正してみました。

cyanoFlashを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 要素の終了タグを削除し、開始タグを空要素タグ(末尾に " /" を付与)に変更

と、調べきったところでネットを検索したら既出でありました。

ともあれ、これで XHTML valid になります。data 属性値にはファイル名が設定されているサンプルはよくみかけますが、仕様上、URI を設定するのは適正なようです。*1

書き換えが面倒な方は、下記の「YouTubeの動画埋め込みタグをValidにするツール」をご利用ください。

YouTube -> Valid

2007.03.14 追記
YouTube -> Valid を追記しました。


*1:XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト from Liner note
FirefoxのアドオンのGreaseMonkeyを利用して自動でYouTubeの埋め込みコードをXHTML validにする ... [続きを読む]

Tracked on January 7, 2007 4:42 AM

YouTube の埋め込みコードを XHTML Valid にするフィルター from パソコン遊戯
今日の Proxomitron:YouTube の埋め込みコードを XHTML Valid にするフィルター [続きを読む]

Tracked on January 7, 2007 9:00 PM

YouTubeの動画埋め込みタグをValidに from つぼろぐプラス
みんな大好きYouTube!…かどうかはわかりませんが、 YouTubeの動画が... [続きを読む]

Tracked on March 14, 2007 9:26 AM

【web】YouTubeのEmbed タグをXHTML valid にする from 特別-the blog-
覚え書き。 YouTube の動画を貼り付けるというのを普通にやってるんだが、この動画を貼り付けるタグにはW3C非推奨要素 embed が入ってる。 問題... [続きを読む]

Tracked on March 20, 2007 11:37 AM

FLASH(YouTube等)とXHTML valid from Laspalabras De Amor
FLASH関係のタグ(YouTubeもですが)をそのまま気軽に書き込んでしまうと... [続きを読む]

Tracked on April 19, 2007 7:25 PM

FLASH(YouTube等)とXHTML valid from Laspalabras De Amor
FLASH関係のタグ(YouTubeもですが)をそのまま気軽に書き込んでしまうと... [続きを読む]

Tracked on April 21, 2007 12:39 PM

「WiiでRimo見たい!」キャンペーンに応募してみる from サラリーマン白書
任天堂「Wii」プレゼントキャンペーン開始【応募期間:5/9(水)まで】というキャンペーンをはてなが実施中。 という訳で、早速私もこのエントリーで応募し... [続きを読む]

Tracked on April 27, 2007 10:28 AM

YouTubeの埋め込みをXHTML validにするブックマークレット from asotech
YouTubeの埋め込みのHTMLはXHTML validではない。The W3C Markup Validation Serviceで怒られる。 そこ... [続きを読む]

Tracked on February 20, 2008 1:59 AM

[XHTML] livedoorブログをXHTML Validにするためのメモ from Tomute’s Notes
livedoorのブログをW3CのMarkup Validation Serviceでチェックしてみると、かなりのエラーやワーニングが出るので、それを取... [続きを読む]

Tracked on August 12, 2008 2:11 AM

Windows IE で YouTube が見えない件 from yoshio.info
XHTML Valid なページに、YouTubeのタグをそのまま貼付けるとペー... [続きを読む]

Tracked on August 21, 2008 2:35 PM

[XHTML] YouTubeのEmbedタグをXHTML validにする(最新版) from Tomute’s Notes
YouTubeで公開されている、ブログ等へ貼り付ける埋め込みコードをXHTML validにする方法は、「小粋空間: YouTube の Embed タ... [続きを読む]

Tracked on February 2, 2009 5:28 AM

Internet Explorer対処にホトホト疲れた! from 和歌山県 南紀白浜スパダイブログ
昨日からずっとInternet Explorer対処に明け暮れた挙句・・・殆どあきらめモードに入りつつあります。いい加減世界の標準に追従してくれよ!!何の... [続きを読む]

Tracked on June 12, 2009 9:47 PM

東京スカイツリー from 日々研鑽オヤジ奮闘記
東京都墨田区で建設が進む「東京スカイツリー」の高さが、610メートルから634メートルに変更されることになった。事業主体の東武タワースカイツリーが1... [続きを読む]

Tracked on October 19, 2009 9:43 PM

iPhoneでBluetoothキーボードを使う: BTstack Keyboard from もちこらむ
engadgetの記事から iphoneの外付けキーボードねたを追いかけています... [続きを読む]

Tracked on December 25, 2009 10:30 PM

「YouTube Perfect Embed」YouTubeの貼り付け用コードをXHTML Validでサムネイル付きにするブックマークレット from Creazy!
今日は、YouTubeのダウンロード・・・ではなく、外部ブログなどに貼り付けるためのembedタグを綺麗なコードで出力するためのブックマークレットを紹介... [続きを読む]

Tracked on February 23, 2010 1:28 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)