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>
で、貼り付けるとこんな感じ。楽ちんですねー！
Liner Noteのlevaです。
動作しない原因は、Youtube側のスクリプトによって埋め込みコード内の内容を再書き換えされているためでした（カスタマイズした埋め込みコードを反映させるためかと思います）
背景色のカスタマイズはできませんが、関連動画の表示と枠線の表示の両設定はスクリプト側で設定できるようにしておきました。
ご報告まで。
Tuesday, July 8, 2008 leva
＞ leva さん
ご報告ありがとうございました。エントリーに追記させていただきました。お陰様でやりたいことができました。JavaScriptのソースをよく見て勉強させていただきます。
Tuesday, July 8, 2008 なかにしゆうすけ