YouTubeのHD動画(1280×720)をブログ等に貼り付ける非公認テクが登場

YouTubeHDEmbed_00.jpg
YouTubeが1280×720pxのHD動画に対応した……という件を先月お伝えしたが、従来、これらのHD動画を鑑賞できるのはYouTubeサイト上だけだった。今回紹介するブックマークレットを利用すると、YouTubeのHD動画をブログ等の外部サイトにembedで埋め込むことができるようになる。

せっかくHD動画が用意されているYouTube動画なら、自分のブログやサイトに埋め込む場合だって低画質版ではなくHD版を埋め込みたいものだ。「Drift Diary13」で公開されているブックマークレットは、HD動画が存在する動画ならHD版埋め込みのソースを、存在しない動画なら低画質版埋め込みのソースを自動生成するブックマークレット。つまり「その動画にHD版が存在するか否か」ということを気にせず、常に同じ操作でYouTube動画の埋め込みソースを生成することができる。

「embedによる埋め込み」に限った話でもないが、「この動画にHD版が存在するか否か」によって操作方法を変えなければならないのはムダだ。「常に同じ操作で、しかし動画に応じた最善の結果が得られる」というテクが望ましい。HD時代のYouTubeでは、YouTube内に用意されている純正の埋め込みソースではなく、今回紹介するブックマークレットが生成する非公認埋め込みソースを利用しよう。

※以下の埋め込みサンプルだが、教えて君.netの場合、横幅が640px未満なので右端が切れている。作者サイトで横幅425px版のブックマークレットも公開されているので、本来は教えて君.netであればこちらを利用すべきだ(本記事では、サンプルとして640px動画の埋め込みを行う)。

HD版動画の埋め込みサンプル

同じブックマークレットで作った低画質版動画の埋め込みサンプル

YouTubeHDEmbed_01.jpg
「Drift Diary13」のページからブックマークレットをお気に入りに登録する。横幅640px版と425px版の二種類が用意されているので自分のブログのサイズなどに合う方を選ぼう。

YouTubeHDEmbed_02.jpg
HD版の存在するYouTube動画を開いた状態でお気に入り項目をクリック。アドレス欄に注目して欲しいが、「&fmt=22」が付加されている必要はない。

YouTubeHDEmbed_03.jpg
埋め込み用のソースが生成されるのでコピー。IEの場合はポップアップブロックが発動するので一時的に許可。

YouTubeHDEmbed_04.jpg
このソースを、MTなど各ブログに貼り付ければよい。

YouTubeHDEmbed_06.jpg
HD版を埋め込んでおけば、ブログ内の動画からフルスクリーンモードに移行しHD動画を鑑賞する……ということもできる。

YouTubeHDEmbed_05.jpg
HD版が存在しない動画、であっても操作は同じ。この場合は低画質版の埋め込みタグが生成される。なお、スクリーンショットの右端に表示されている「[OK] DL (MP4:iPod)」といった表示は「HD時代のYouTube最強ダウンロードスクリプトがIEに対応 :教えて君.net」を参考に。

関連記事
YouTubeを1280×720のHDで鑑賞するキーワード「&fmt=22」 :教えて君.net
YouTubeのHD化(1280×720)仕様やダウンロード方法まとめ :教えて君.net
HD時代のYouTube最強ダウンロードスクリプトがIEに対応 :教えて君.net
YouTubeがワイド画面のembed正式対応などマイナーアップデート :教えて君.net

執筆:tokix (tokix.net)

2008年12月06日 13時48分
©教えて君.net All Rights Reserved.