「Tubefire」で Youtube 動画のサムネイルを貼り付ける : 亜細亜ノ蛾

March 31, 2007

「Tubefire」で Youtube 動画のサムネイルを貼り付ける

更新: 2007 年 09 月 18 日 10:35
2007 年 03 月 31 日 00:13 に asiamoth が投稿
カテゴリー: ウェブ上で見つけたページ
コメントする
トラックバックする

S i M P L E * S i M P L E で動画紹介

毎日楽しみにしている S i M P L E * S i M P L E で、たまに動画を紹介しています。その時のちょっとしたテクニック、と言うか気遣いに「流石だな」と思います。

そのテクニックとは「動画サムネイルのスクリーンショットを貼り付ける」こと。

──な、何を言っているのかわからねーと思うが、"超"お手軽プロモーション @ YouTube | S i M P L E * S i M P L E を見てもらえれば……。この「クリックすると Youtube に飛ぶ画像」のことです。

メリットとして、フィード・リーダで見ている読者の方にも、動画の情報が伝わります。例えば、Youtube で用意している貼り付けタグ（iframe や object タグを利用）だと、livedoor reader ではその部分は何も表示されません。動画を「引用」のように文脈の中で使うと、「ん？」となるわけです。

これはおそらく、「単純に画面をキャプチャして・必要な領域を残して切り取り・貼り付け」ているのだと思いますが── ﾏﾝﾄﾞｸｾｰ。

フィード・リーダを利用している読者も大事にしたい、ということで、Youtube 動画のサムネイルを簡単に貼り付ける方法を紹介します。

Tubefire.com

前回の記事を書くときに、たまたま検索で見つけたのが Tubefire.com。

YouTube動画をiPodや携帯に保存できる無料サイト - TubeFire.com

ミシェル・ゴンドリー『恋愛睡眠のすすめ』と一発撮り PV : 亜細亜ノ蛾 - Weblog で見てもらったような画像を、手軽に貼り付けることができます。

コードがちょっと……

便利なサービスですが、難点もあります。

それは、できあがりのコードが <div>だらけで、ちょっと（いや、かなり）非道いこと。──プログラマって、(X)HTML には無頓着な人が多いのかな、と思う今日この頃。

自分は、<dl><dt><dd>で組み直してから貼り付けました。得られるメリットからすれば、これくらいはいいですね。

しかし、サクッとグリモンでコードを自動整形できたら、便利だよなー（ね、エロイ人☆）。

Google 製「Video Var」

他に似たようなサービスがないか調べてみると、「Video Var」というのが見つかりました。こちらはなんと Google 製。

Googleは、YouTubeとGoogle Videoの動画をサムネイルで表示させるブログパーツを公開した。このブログパーツは「Video Var」と名付けられており、わずか3ステップで作成することができる。検索単語を指定できるため、表示させたい内容を絞りこむことが可能だ。

CodeZine：Google、3ステップで作成できるYouTubeブログパーツを公開（YouTube, google）

Google AJAX Search API - Video Bar Wizard から手軽に作成できます（要 Google アカウント）。

生成されるコードがビックリするくらい長いのはｷﾆｼﾅｲ!! として、JavaScript で表示させているので、やっぱりフィード・リーダでは表示されませんね……。

表示がなかなか軽く、時間が経つとサムネイルが変化するのも楽しいので、ちょっとしたアクセントとして使うのもいいですね。