« Daily Link 2006-12-09 | Note | Back To Blog Top | Daily Link 2006-12-10 | Note »
YoutubeをValidなBlogに貼り付ける方法
Youtubeを簡単にBlogに貼り付ける方法として、ページ中央カラム上部のEmbed内のソースを貼り付けるという方法があります。
しかしこのソースには<embed>タグが使用されているので、XHtmlではNot Validなマークアップになってしまいます。
これを回避する方法はいくつかあると思うんですけど、今回はJavaScriptを使って安易に解決してみたいと思います。
<script type="text/javascript">
document.write(' <object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/bNF_P281Uu4"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/bNF_P281Uu4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object> ');
</script>
うわー本当に安易。
単に<object>タグごとdocument.write(' ')で囲んだだけです。
悪いのは<embed>タグなので、それをJavaScriptとして扱わせてしまうという。
多分、もっと良い方法もあるんでしょうけど、とりあえずこんな方法もありますよという事で。
object要素の対応ブラウザが、もっと増えれば良いんですけれど。
関係無いですけど、object要素についても全然勉強が足りません。
今回のソースも、属性にclassidやcodebaseを追加するべきか否か迷いましたし。
結局、その部分はYoutubeから提供されている箇所なので、そのままにしてみました。
ちなみにこの動画、内容自体は何でも無いんですけど、何か良いですよね。
渋谷はちょっと残念ですけれどw
追記:2007年1月5日
小粋空間さんのエントリ、YouTube の Embed タグを XHTML valid にするにもっとスマートな方法が載っていました。