YoutubeのHD動画をブログ等に貼り付けるタメのブックマークレット
さてさて、先日来、YoutubeのHD版動画を幾つか貼り付けておりましたが、その際、上記画面ようにYoutube当該動画ページに用意されている動画埋め込み用タグをただ貼り付けただけではHD版動画の貼り付けはできません。
YoutubeはHD版が使えるようになる以前にも画質向上に取り組んでいたようで、そのため配信している動画は（1つの動画でも）、画質の違う複数のフォーマットが存在する場合があります。以前はその種類もそれほど多くなかったので、上記の埋め込み用タグを編集して貼り付けたい画質に対応するのも容易でしたが、HD版の登場など、フォーマットが多くなって来たコトやら、HD版があるのにそのリンクが現れない場合もあったり（？）して、事前の確認が色々面倒になってきました。
そんな訳で、その動画に存在する最高画質を貼り付けるタメの便利なモノがないのかな～、っと思っていたら、ソレ用のブックマークレットを作っているカタがいらっしゃいました。
HD版以外にも対応するブックマークレット
で、YoutubeのHD版動画は勿論、HD版動画が存在しない場合でもソレに応じたタグを発行してくれるブックマークレットを公開されているブログは下記になります。
・Youtube のHD動画を色/サイズをカスタマイズした上でembedできるブックマークレット ::: creazy photograph
アクセスしてページ中ほどに
Youtube HD Embed Customized上記リンクをブックマークしてください。
っと言う記述があるので、リンクになっている「Youtube HD Embed Customized」の部分をブックマークに追加すればOKです。
※IEはリンク上で右クリック→お気に入りに追加
※リンクをブックマークにドラッグ＆ドロップ出来るブラウザはそのように
ブックマークレットの利用方法は、Youtubeの貼り付けたい動画のページを開いた状態でブックマークレットをクリックするだけです。たったソレだけでHD版は勿論、HD版が無い場合でも、その他の画質に対応した貼り付け用タグを生成してくれちゃいます。もぉ、激しく便利( TωT)o ウルウル
また、Youtubeの貼り付けタグカスタマイズ機能にて貼り付けサイズやプレーヤーの色などを変更した上でブックマークレットをクリックすれば、その内容も反映されると言う素晴らしさで、もぉ (ＴＴ▽ＴＴ)ダァー って感じ（笑）
タグに追記してYoutubeHD動画を貼り付ける
上記のようなブックマークレットがあるので、もはや自分でタグを書き換える必要もありませんが、一応書いておくと、例えば下記がYoutubeが用意してくれている貼り付け用のタグで、
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>
上記タグを貼り付けると、下記のように表示されます。
HD表示するタメの追記
上記タグに、下記の赤字部分のように「＆ap=％2526fmt％3D22」っと加えるとHD版（&fmt=22）となり、
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1&ap=%2526fmt%3D22" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>
上記のようなタグを貼り付けると下記の通りHD版に（再生して見比べるとわかります）。
HDは必要ないけど高画質にしたい時の追記
他、&fmt=18と言うHD版より劣るけど高画質なモードの場合は、下記のように「&ap=%2526fmt%3D18」追記すると、
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QxKj-Hw8qzk&hl=ja&fs=1&ap=%2526fmt%3D18" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>
このような感じに（追記無しより高画質で、HDより低画質なのがわかります）
HDが一番画質が良いんなら、それを貼り付ければ良いじゃないか？ っと思われるかもしれませんが、HD版はファイルサイズが大きくなるのでダウンロードに時間がかかったり、またPCのスペックによっては再生が困難な場合もあるので、場合によってはこの程度の画質でも良いかもしれません。
上記ブックマークレットの場合、HD動画がある場合、HD版の貼り付けタグとなるようですから、上に書いた事を考えると多少控え目な「&fmt=18」での貼り付け方法も覚えておくと良いかと思います。
HDとなる&fmt=22、それよりランクの下がる&fmt=18以外にも幾つかの種類がありますが、その詳細やら表示させるためのタグなんかについては下記のブログエントリが分かり易いので、興味のあるカタはご覧になると面白いかと思います。
・Youtubeの超高画質動画を埋め込む方法 fmt=22編 | feel my soul
サンプルにした動画
ハナシは変わって、上でサンプルとして利用させて頂いた動画ですが、HDバージョンが登場した際にアチコチで掲載されていたのがキッカケで知ったのですが、初めは何コレ？ っと思いつつ、進んで行く程にちょっと感動。最近スッカリ気に入ってしまいました。何気に素晴らしい動画であります・・・
動画関連
・D40でインターバル撮影して動画を作ってみた。
・動画のBGMに利用したくなる素敵な音楽素材を配信するサイト【商用利用も可能】
・1月10日はNONBYさんの日
・レクサスIFとIS-Fのプロモでお勉強
・ビデオスタジオ10プラスでH.264を書出す設定のメモ
・ZOOMEへH.264で再アップ
