Monday, July 7, 2008
YouTubeをValidにするためのメモ
小粋空間さんで紹介されている内容。仕事では使ったこと無いし、おそらく今後もblog.yusukenakanishi.comでしか使わないと思うけど忘れるのでメモしておく。
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>
<object data="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" type="application/x-shockwave-flash" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1" />
<param name="wmode" value="transparent" />
<a href="http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1">http://www.youtube.com/v/XLLRsn_nr6s&hl=ja&fs=1</a>
</object>
下記サイトに便利なGreasemonkeyスクリプトが紹介されているけど上手くいかない。何でだろ。。
追記（Tuesday, July 8, 2008）
YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト
Liner Noteのlevaさんに新しいものを作ったよとういうご報告を頂きました。スクリプトのソース22行～25行で「動画の枠線」と「関連する動画の表示」の有無が設定できるようです。僕はどちらもfalseの値にしました。コレをGreaseMonkeyのユーザースクリプトとしてインストールすると下記のように書き換えてくれます。しかも定義リストの<dl>～</dl>でマークアップしてくれる優れものです。
<dl class="video">
<dt><a href="http://www.youtube.com/watch?v=XLLRsn_nr6s&fmt=18">YouTube - Gotta Digg</a></dt>
<dd><object data="http://www.youtube.com/v/XLLRsn_nr6s&hl&ap=%2526fmt%3D18&rel=0" type="application/x-shockwave-flash" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/XLLRsn_nr6s&hl&ap=%2526fmt%3D18&rel=0" />
<param name="wmode" value="transparent" />
</object></dd>
</dl>
で、貼り付けるとこんな感じ。楽ちんですねー！
