なんでも表示できるマルチメディアビューア
マルチメディアビューアで動画を表示（２）
９月号のWeb Designingに載っていたAjaxライブラリ、LightWindowです。
前回も言いましたが、画像イメージだけでなく、Quicktime Movies、Flash、PDFなどもリンクタグだけでスライド表示にするコトができ、非常に便利なライブラリです。
今回は、flvファイルを読み込んだswfファイルのビューアとして使ってみます。
サンプルはこんな感じです。
使い方は非常に簡単、まずhead部分にlightwindow.cssとprototype.js、effects.js、lightwindow.jsの３つのJavaScriptを読み込みます。
body側には、
<a class="lightwindow" href="表示させたいファイル">テキストリンクや画像</a>
という表記が基本です。ビューアとして使うのなら、リスト形式でリンクを記述していくのが良いでしょう。
また、title要素、caption要素を付け加えるコトで、ファイル名を付けられますし、rel要素でグループ分けもでき、かゆい所にも手が届いてます。
動画ファイルなどの場合は、
params="lightwindow_width=幅,lightwindow_height=高さ"
と指定するコトで、ファイルサイズも制御できる様にもなっています。
サンプルデータはWeb Desingningのサイトからもダウンロードできますが、IDとパスワードが必要です。
画像、動画、外部html等々、マルチメディアビューアとして非常に便利に活用できると思います。一度試す価値アリですよ！
| 固定リンク
コメント
flvファイルのAjaxビューアの記事を読み、Flash8のプロフェッショナルでFLVを読み込みを試してみたのですが、なぜかスキンだけ表示されません。（Flash上のムービープレビューでは表示されています）
こちらで質問するのもどうかと思ったのですが、会社にも聞く人がいなくネットで検索してもヒットしなく、困り果てています。もしわかりましたらお教え願えないでしょうか。。
投稿： ペコリーナ | 2008.06.23 11:24
追記：
ちなみに先ほどの表示されないと言うスキンはFlash8に最初から入っているものを使用しています。
投稿： ペコリーナ | 2008.06.23 11:30
ペコリーナさん、回答が大変遅れまして申し訳ございません。なぜかniftyからコメントの通知が来なかったモノで、気が付きませんでした。
質問の件ですが、この記事で使っているコンポーネントはMX2004時代からあるMediaPlayBackです。
ペコリーナさんがおっしゃっているのは、FLVPlayBackのコトですよね。
FLVPlayBackならスキンもswfファイルですので、本体と同じ階層に（例えばSteelExternalAll.swfといった名前のswfがパブリッシュすると出来ていると思いますので）スキンのswfも置いておかないと表示されません。
返事が遅くなったので、もう解決されているかと思いますが…。
投稿： exyz | 2008.06.29 01:09