(多分)ブラウザでの動画/音声再生はこれ一択。 『jPlayer』をご紹介します。 【らぼ★ろぐ】http://bit.ly/Tyva29

1. jPlayerの紹介
多分ブラウザでの動画/音声再生はこれ一択

2. お詫び
動画も音声も、って言ったけど動画は一切試してないです
（てへぺろ
でもまぁ、音声再生を試した感じだと期待していいんじゃ
ないかな、と。

3. 概要
 対象ブラウザ
 Firefox、Chrome、Opera、Safari、Internet Explorer
 iOS(Mobile Safari)、Android Browser、Black Berry
 外観はHTML/CSSでフルカスタマイズ可能
 ちょっと融通利かないとこも
 サポートするメディアが多い
 けど再生してくれるかどうかはブラウザ次第
 標準ではHTML5の機能を使って再生（video/audioタグ）、
使えない場合は同梱のFlashを使って再生する
 Flash優先にもできる

4. 使い方も超簡単
 http://jplayer.org/
 jQueryを読み込んで
 jPlayerを読み込んで
 HTMLにこっそり埋め込まれる用のタグを用意して
 あとはJavaScriptからコントロール
 標準名で要素置いておいて勝手にコントローラを表示して
もらうこともできる
 まぁここはちょっと機能的に物足りないとこがある
 「位置を全体のn%に移動」はあるのに「位置をn秒に移動して
再生」か「位置をn秒に移動して停止」しかなかったり

5. お手軽 手抜きすぎる
サンプルコード
<div id="player"></div>
<script>
$(function() {
$("#player").jPlayer({
supplied: “mp3,m4a,oga",
ready: function() {
$(this).jPlayer("setMedia", {
mp3: "hoge.mp3",
m4a: "hoge.m4a",
oga: "hoge.ogg"
}).jPlayer("play");
}
});
});
</script>

6. 注意点
 Flash経由での再生を余儀なくされるアイツらは色々と機
能制限を受ける
 再生レート（速度）の変更ができない
 再生してみるまで時間関連の操作・取得ができない
 再生可能メディアはブラウザにかなり依存するので「1
種類のフォーマットだけでなんとかしたい」とかは基本
的に無理（特にアイツら）
 音声だけならまだMP3でなんとかなるかもしれないけど一
時期はMP3をサポートしていない期間があったりもしたブ
ラウザがある
 それよりもフォーマットが多すぎる動画方面は言わずもが
な

7. いつもどおりのオチ
 HTMLでリッチコンテンツやるならIEは出来る限り排除し
ましょう
 IEのせいでUIに変更かかったり工数かかったりするのが
普通です
 IEは9からがHTML5対応を「謳ってる」最初のバージョン
 なお、555点満点で
 IE9→128点
 IE10→350点
 IE11→376点
 Safari→397点
 Firefox→477点
 Chrome→507点