米Yahoo! が埋め込み式のメディアプレイヤー Yahoo! WebPlayerを公開しました。かっこ良いのと使い勝手が良さそうだったのとで、いつか使うかもしれないメモ的エントリーです。

このライブラリを使用する事で、mp3へのリンクやYoutube、動画へのリンクがページ内でかっこ良く再生してくれます。

さらにページ内のリンクを自動で拾ってプライリストにしてくれたりもします。

↑再生してみた様子

対応ブラウザにはIE6も含まれているようですね。

使い方

使い方は簡単で、以下のスクリプトタグを</body>の直前に挿入すればOKです。

<script type="text/javascript" 
src="http://webplayer.yahooapis.com/player-beta.js"></script>

お手軽ですね:)
興味のある方は下のリンクからどうぞ〜。

「jMediaelement」はHTML5とjQueryで作られたビデオプレイヤーです。

カスタマイズを前程に作られているようで、各ボタンを操作した際のイベントの設定など細かくできるようになっていました。

Youtubeの動画も再生できるようです。

Sublime VideoはHTML5で使用できるVideoPlayerです。今までは動画の再生にはFlash Playerなどが必要でしたが、HTML５を使用する事によりFlashに頼らないサイト作りが可能になってきてます。

とはいえ、全ての環境で動くわけではないので注意は必要です。

Sublime Videoは以下の環境で動作するようです。
・Safari (v4.0.4+)
・Google Chrome (v4.0+)
・Internet Explorer with Chrome Frame installed

新しい技術に興味のある方は使ってみてはいかがでしょうか。

■2010/02/02追記
個人利用に限りフリーとなっているようです。利用にはご注意ください。