YoutubeをXHTML Strictで貼り付ける
- Category: Knowledge | Web Design | Web Service
前回エントリ”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>
<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>
<param name="movie" value="http://www.youtube.com/v/rorBOzwR3Tc&hl=ja" />
<param name="wmode" value="transparent" />
</object>
via : YouTube XHTML Strict ? – SitePoint Forums
pukiwikiの埋め込みプラグインを作っているのですが、フルスクリーン対応(スイッチ表示)版のvalidなコードはご存じないでしょうか?
お越しくださってありがとうございます。
フルスクリーンスイッチとは、コントロールバーの右側に出る”押すとフルスクリーン表示ができるようになるスイッチ”のことでしょうか。
私も気になって軽く検証してみたのですが、対応する動画であれば、本文のコードで自動的にスイッチが追加されるようです。