widget – YouTube (そのもの)
何でコレがサンプルやねん、というご意見もあろうかと思うがそれはさておき。
School Days AMV (Info Updated)
http://www.youtube.com/watch?v=NMZfwhVlH54
www.youtube.comではなく、jp.youtube.com にリダイレクトされるが、これを素材に色々と遊んでみる。 *01
手っ取り早く、という御仁はYouListあたりを。
<object width="425" height="344">
<param name="movie"
value="http://www.youtube.com/v/NMZfwhVlH54&hl=ja&fs=1">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed
src="http://www.youtube.com/v/NMZfwhVlH54&hl=ja&fs=1"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="425" height="344">
</embed>
</object>
「が、画面、でか…」というのが本音。
現時点でYouTubeはワイド画面になっているが、以前は、width=425 height=350 だったんじゃぁないかなぁと思う。
今見て「あれっ?」と思って過去のドキュメントを漁ってみた結果。
上記は width=”170″ height=”140″。
サイズを2箇所修正。
これ以上小さくすると、下部のシークバー等が目立ち過ぎて使い物にならない。
他に引数操作で色々と遊べるのかどうか、ちょっと不明。
例えば、fs=1 とか。
allowscriptaccessはFlash関連みたいな。(参考：［233448］allowScriptAccess のデフォルト動作の変更について（Flash Player 9）)
その他の設定と引数の変化(サイズ、色、etc)に関しては、YouTubeで確認して下さい。
ところで自分のTumblrの投稿では、Videoとしてのpostを行わず、Photoとして下記のイメージにYouTubeへのリンク先としてpostしている。
というのも、ページを開いた時に処理がもたつく傾向があるので。
しかしながら当然だが、Photoとして認識されてしまう。
例えば、Textとして前述したコードの埋め込みも可能だったが、結局の所、Photoとしての投稿に落ち着いた。取り敢えずの妥協点として、タグで区別できるようにはしておいた。
どうでも良いハナシだが。
<a href="http://www.youtube.com/watch?v=NMZfwhVlH54"> <img src="http://img.youtube.com/vi/NMZfwhVlH54/default.jpg" /> </a>
120px×90px。
他に下記の様なイメージを抱えているらしい。
http://img.youtube.com/vi/NMZfwhVlH54/0.jpg … 320px×240px
http://img.youtube.com/vi/NMZfwhVlH54/1.jpg … 130px×97px
http://img.youtube.com/vi/NMZfwhVlH54/2.jpg … 130px×97px
http://img.youtube.com/vi/NMZfwhVlH54/3.jpg … 130px×97px
補足その1。
小粋空間: YouTube の Embed タグを XHTML valid にするによると、「embed要素はXHTMLでは定義されていないため、このタグを貼り付けるとXHTML validなページになりません。」だそうだ。
下記コードは上記埋め込みのソース。
<object data="http://www.youtube.com/v/NMZfwhVlH54" type="application/x-shockwave-flash" width="170" height="140"> <param name="movie" value="http://www.youtube.com/v/NMZfwhVlH54" /> <param name="wmode" value="transparent" /> </object>
補足その2。
この文章を書いた頃はそうでも無かったが現在、割と埋め込み無効が多いなぁと。