Life is Adventure!

« 2013年02月 | メイン | 2013年06月 »

2013年04月 アーカイブ

2013年04月25日

Flowplayer

Flowplayer HTML5 最新版5.4.0 (2013/4/13)が、iPad Chromeをサポートしたというので試したが動作しなかった。iPad Safariでは正常に動作した。
「幅広い端末、複数のブラウザをサポート」とうたっているが、組合せによって再生できないケースが多い。 →詳細

  • HTML5 video用なのでスクリプトのサイズが小さい。flowplayer.min.jsは42KBである。ただしjquery.js(96KB)が必須である。
  • mp4ビデオの読み込みに数分かかることがある。すぐに再生できるmp4もある。
  • iPad Chromeでは再生できなかった。iPad Safariでは再生できる。
  • プレイヤーと動画の大きさの調整がしにくい。data-ratioではなくwidthとheightで指定するほうが分かりやすいがこの属性は無視さ れる。
  • 無償版ではflowplayerロゴが表示される。有償版はドメイン当りUS$95、ドメインの制限がないものはUS$995である。
  • キーボードショートカットが使えるのが便利だ。
    ↑音量を上げる、m ミュート、→スキップする、shift+→早送り、f フルスクリーン表示など。ただしChromeとSafariだけでサポートされている。
  • プレイヤのスキンを自分好みにデザインできる。 〔例〕Playlist Playlist1 Playlist2
  • 動画を選択してプレイリストを作成し、連続再生できるスクリプトもある。
  • embedコードを取得できる。ただしposterは含まれない。
  • 動画再生コードを埋め込んだHTMLサンプルがいくつか用意されている。
    〔例〕 inlay, overlay, tooltip, grid