IE8でもvideoタグで動画を埋め込むのに、こちらのjsを利用させてもらいました。

HTML5 video
http://html5media.info/
github
https://github.com/etianen/html5media

  • 自動再生はvideoタグにautoplayを追加してやる。でも、基本的に自動再生は迷惑だと思っている。
  • コントローラーのデザインはブラウザによって異なります。
  • Flowplayer HTML5 (https://flowplayer.org/)を使用しているので、読み込みが遅かったりすると、Flowplayerへのロゴとリンクが表示されることがある。
  • IE8はheightを指定しないと小さくなってしまった。レスポンシブの場合はautoとかで良いのかな?未検証。
  • autoplayにしない場合、IE8とFirefoxでは画面が真っ暗になったので、posterで表示する画像を指定してやる。
    chromeは最初のフレームが表示されてた。
  • Firefoxがmp4に対応していないようだったので、webmも読み込ませてるけど、どうやら現在(2014年3月)時点の最新のFirefoxではmp4もOKのようです。
    まあ、中途半端に古いfirefoxを使っている人がいそうな会員サイト(どんなん?)のようなので、念のため入れとく。
  • preload指定したら、なぜか同僚のIE8が再生されなかったので外した。たぶんファイルサイズが大きすぎて読み込めてなかったんだと思うけど未検証。

スポンサードリンク