Lightbox for videos

By Rika on WEB

VideoYoutube, Metacafe, Google Video, iFilm, custom flashの動画を lightbox で、ページ移動すること無く表示できるというので、右図サイトにさっそく導入しましたmemo。
おしゃれなiPodのCMの動画を集めてみました。Taggeratiもちゃんと動いてるよ(しつこい)
Rif.tube » iPod and iTunes Video

やはり、動画をそのまま表示すると、AJAXで何か(検索結果とか)を表示して重なった場合、動画が上に来て見えなくなってしまうので、その点でも助かりました。
ページ移動無く動画を観ることができるって、とってもイイ!

Download

Usage

  • ダウンロードしたフォルダの中のcss, jsフォルダをそれぞれ使用テーマにcss, jsのフォルダを作りアップロード(WP用のプラグインでは無いのでどこにアップロードしても構わないんですが、一応使用テーマへ入れてみました。)
  • videobox.cssの最初のbody {margin: 0;}を削除する。

headerへ

[sourcecode language='HTML']


CSSは、使用テーマのスタイルシートに書き足すか、上記のように読み込む。

あとは表示したい動画のURLにrel=”vidbox”を付けるだけ。
[sourcecode language='HTML']
our video
[/sourcecode]
WP-AddQuicktag (de)に登録しておくと楽です。
titleはLightbox表示されたときに右下に表示されます。

ただ、これだと、自分でサムネルを用意して、それにリンクを張る形になります。
自動でサムネイルも作ってくれるといいなー。

サムネイルはイメージ検索で適当なのを見つけるか、YouTube動画のサムネイル(静止画)出力ツール - TubeFire.comなんかを利用させてもらったり、キャプチャにウォーターマークなんか付けて超オリジナルに表示することもできますね。

逆にウォーターマークが無いとただのサムネイルで、まさか動画だとは気づかないかも。
ゆっくり考えます。その間にWPのプラグインになっちゃったりしますように :kopete006:

you may want to subscribe to my RSS feed. Thanks for visiting!

関連する投稿
4 Responses to “Lightbox for videos”
  1. ツールチップがmp3プレーヤーやFlickrスライドショーに! | Rif.2nd

    [...] YouTube等の動画へのリンクは、そのままツールチップ内で観ることができちゃいます。 YouTube: iPod iTunes Breakdance 動画の場合は停止ボタンをクリックしない限りマウスを放してもそのまま観ることができるようですね。 Lightbox for videos | Rif.2ndを設置したばかりですが、外してもいいかもしれません。 [...]

  2. binsan

    お昼に挑戦してみたけど、You Tubeへのリンクが出来てそこへ飛ぶだけ?なんでかな? 夜再挑戦 :undo:

  3. Rika

    びんさん、まさかBBに入れる気?
    チャレンジャーだわ :penguin:

  4. yutaka

    チャレンジャーだわ

    なんでよ?だめなん :kopete014:
    それより出来ないことの方が悔しい、そんな難しいプラグインじゃないのにねぇ :cry:

Have Your Say

RSS feed

rss rss

Category

TagCloud

ADS

BottomBar