YouTubeなど動画をスライドショー表示する (Videobox)
2007年4月13日(金) 09:00
動画をスライドショーのように、画面遷移なしで表示してくれるのが、Videobox。Youtubeなど動画をコンテンツやブログに貼り付けると、ブラウザ表示までに時間がかかる事が多い。既に見た動画を毎度表示されるのはユーザビリティ低下につながる。
動画のサムネイル作成は自分で行う必要があるが、スライドショーのように表示することで、ユーザーがクリックしてから動画を読み込む為、ストレスが低減される。
画面遷移なしで、レイヤー表示

対応している動画サイト
- Youtube
- Metacafe
- Google Video
- iFilm
<a href="" rel="vidbox" と指定した動画がJavaScriptによってスライドショー表示用のリンクに変更されます。AmebaVisionなど日本国内の動画サイトには対応していないが、JavaScriptをカスタマイズすれば対応することは可能になっているので、チャレンジしていただきたい。
関連する記事
- マウス操作で写真にズームするギャラリーswf(PostcardViewer)
- CSSとCanvasで描写するWeb用のUIフレームワーク(Mocha UI)
- 透明感のあるデザインをJavaScriptで実装する(glassbox.js)
- MP4、FLVなど再生するFlashプレーヤーswf (JW FLV MEDIA PLAYER)
- FlashやFLV、MediaPlayerに対応したスライドショーJavaScript(shadowbox)
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)

