YoutubeをXHTML Strictで貼り付ける

前回エントリ”KORG DS-10スゲー!“でYoutubeの動画を貼り付けた後にわかったんですが、Youtubeに「埋め込み」として掲載されている動画貼り付け用コードは、そのままですとXHTML Strictではありません。残念ながらXHTML Strictなページに貼り付けるとInvalidになります。

これを解消するにはちょちょっとコードを書き換えてあげる必要があります。デフォルトのコードは以下の通り(ここでは便宜的に改行していますが、実際は一行のコードです)。

before:

<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/rorBOzwR3Tc&rel=0&hl=ja" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
</object>

after:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" />
<param name="wmode" value="transparent" />
</object>

via : YouTube XHTML Strict ? – SitePoint Forums

コメントを書く





Gravatarに画像を登録することでアバターをコメント欄に表示することもできます。

2件のコメントがあります

  1. KERBEROS ( 2009/2/16 19:45:44 )

    pukiwikiの埋め込みプラグインを作っているのですが、フルスクリーン対応(スイッチ表示)版のvalidなコードはご存じないでしょうか?

  2. J.J. ( 2009/2/18 23:57:27 )

    お越しくださってありがとうございます。
    フルスクリーンスイッチとは、コントロールバーの右側に出る”押すとフルスクリーン表示ができるようになるスイッチ”のことでしょうか。
    私も気になって軽く検証してみたのですが、対応する動画であれば、本文のコードで自動的にスイッチが追加されるようです。

Search this site

Monthly archives

Categories