<a title="W3C or WC ?" href="http://flickr.com/photos/zopeuse/60106078/"><img src="http://farm1.static.flickr.com/30/60106078_9f9492f363_m.jpg" alt="YouTube発行タグをW3Cに準拠させるGreasemonkey" /></a>

<p>MTやWP、その他さまざまなブログサービスで「<a class="Wikipedia" href="http://ja.wikipedia.org/wiki/Extensible_HyperText_Markup_Language" target="_blank">XHTML 1.0</a>」が利用されていますが、YouTubeの発行タグはそれに準拠していないのは有名な話です。このコードを最適化するサービスもありますが、Greasemonkeyを使えば、YouTubeの画面上で自動的に最適化、つまりはXHTML validにしてくれます。これは便利！</p>

<!--more-->
<h3 class="tips">YouTube発行タグをXHTML 1.0に準拠させるGreasemonkey</h3>
<p>このお話は、あなたのFirefoxにGreasemonkeyがインストールされていることが前提です。</p>

<p>W3Cに準拠とか、あまり細かいことを気にしていない私ですがｗｗ、デフォルトで発行されるのであればと早速検証してみました。</p>


<blockquote>
<h4 class="tips">通常Youtubeが発行するタグ</h4>
<code>&lt;object width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/v/Yb5eVoY4Lx0&amp;rel=1&quot;&gt;&lt;/param&gt;&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;http://www.youtube.com/v/Yb5eVoY4Lx0&amp;rel=1&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot; width=&quot;425&quot; height=&quot;355&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</code></blockquote>
<h4 class="tips">通常のYouTube発行タグで発生するエラー</h4>
<ul>
<li>`&rel` は不明な実体参照です。</li>
<li>空要素タグは &lt;param /&gt; と書くようにしましょう</li>
<li>&lt;embed&gt; は Mozilla、MSIE または doti 用のタグです。</li>
<li>&lt;/embed&gt; は Mozilla または MSIE 用のタグです。</li>
<li>&lt;object&gt; には等価な内容を書くようにしましょう。</li>
</ul>
<p>↑このように、通常発行されるタグではXHTML 1.0に準拠していないことが分かります。<br />
Another HTML-lint gatewayで調査。</p>

<blockquote>
<h4 class="tips">YouTube better embedを使用して発行されるYouTubeタグ</h4>
<code>&lt;object width=&quot;425&quot; height=&quot;350&quot; data=&quot;http://www.youtube.com/v/Yb5eVoY4Lx0&quot; type=&quot;application/x-shockwave-flash&quot;&gt;&lt;a href=&quot;http://www.youtube.com/watch?v=Yb5eVoY4Lx0&quot;&gt;YouTube - GoogleマップでWEB2.0型Wikipediaを提供する「WikiMapia」その２&lt;/a&gt;&lt;/object&gt;</code>
</blockquote>

<p>↑このタグなら、エラーは確認されなくなり、W3Cにもしっかりと準拠した状態になります。</p>
<object width="425" height="350" data="http://www.youtube.com/v/Yb5eVoY4Lx0" type="application/x-shockwave-flash"><a href="http://www.youtube.com/watch?v=Yb5eVoY4Lx0">YouTube - GoogleマップでWEB2.0型Wikipediaを提供する「WikiMapia」その２</a></object>
<p>↑再生も問題なくできます、万一出来ていなかったら教えてくださいね。（IEで表示できない可能性があるみたいです。）</p>
<p>わざわざ他のサイトを開いて変換する必要がないところがポイントですね、<br />
試してみたい方は<a class="greasemonkey" href="http://userscripts.org/scripts/show/6000" target="_blank">YouTube better embed</a>のページを開いて、右側にある黒い「Install this script」と書いてあるボタンをクリックしてインストール。</p>

<h4 class="tips">関連情報</h4>
<ul>
<li><a class="greasemonkey" href="http://userscripts.org/scripts/show/6000" target="_blank">YouTube better embed – Userscripts.org</a></li>
<li><a href="http://web-marketing.zako.org/hacks/firefox/" onclick="javascript:urchinTracker('/go/Under_link');">Firefoxカテゴリー</a></li>
<li>Greasemonkey関連記事</li>
</ul>
<!--- ignore ---><div style="margin-bottom:0px;"><div style="float:left;"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4798015350%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4798015350%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank"><img src="http://g-ecx.images-amazon.com/images/G/09/nav2/dp/no-image-avail-img-map._V23175435_AA120_.gif" alt="Greasemonkeyスクリプティング TIPS&SAMPLES" style="border:0;"></a></div><div style="float:left;margin-left:15px;line-height:120%"><div style="margin-bottom:10px;line-height:120%"><form style="margin-bottom:0px;" method="post" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank"><input type="hidden" name="AssociateTag" value="snowboadteamz-22"><input type="hidden" name="SubscriptionId" value="028QVM5GAF1MWA4NBMR2"><input type="hidden" name="ASIN.1" value="4798015350"><input type="hidden" name="Quantity.1" value="1"><input type="image" name="submit.add-to-cart" src="http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif" /></form></div><div>Greasemonkeyスクリプティング TIPS&SAMPLES<br /></div><div style="margin-top:0px; margin-bottom:10px"><div style="margin-bottom:5px">価格：<span style="color:#f33;font-weight:bold;">￥ 2,310</span><br />平均評価：4.0<br />納期：通常24時間以内に発送<br /></div></div><div style="margin-top: 5px"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4798015350%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4798015350%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank">Amazon で詳細を見る</a> by <a href="http://astore.amazon.co.jp/snowboadteamz-22" title="WEB担当者の本屋" target="_blank">WEB担当者の本屋</a></div></div><div style="clear: left"></div></div>