MP4、FLVなど再生するFlashプレーヤーswf （JW FLV MEDIA PLAYER）
2008年8月12日(火) 08:00
YouTubeのようにFlash形式の動画プレーヤーで、作成した動画をコンテンツ上に表示したいときに便利なのがJW FLV MEDIA PLAYER。FLV, MP4, MP3, AAC, JPG, PNG, GIFなどのフォーマットに対応している。
プレーヤーの再生部分などデザインを変更したい場合、オリジナルのSkinを作成する事もできる。Skinのサンプルもダウンロードできるので、気に入ったのがあればそちらを利用してもよい。
Skinファイルの指定方法
オプションパラメータの指定でskin=kleur.swfを以下のように追加する。これだけで見た目のデザインファイルの入れ替えが可能になっている。
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("player.swf","ply","328","200","9","#FFFFFF");
s1.addParam("flashvars","file=video.flv&skin=kleur.swf");
s1.write("container");
</script>ダウンロードファイルに含まれる、yt.swfを利用すればYouTubeの動画を再生する事が可能になる。その他、オプション設定など豊富に揃っているのでオンラインドキュメントを参考にしていただきたい。
関連する記事
- マウス操作で写真にズームするギャラリー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）
