Skip to content

Instantly share code, notes, and snippets.

@megazalrock
Created February 19, 2014 22:29
Show Gist options
  • Save megazalrock/9103031 to your computer and use it in GitHub Desktop.
Save megazalrock/9103031 to your computer and use it in GitHub Desktop.

1つのmp4ファイルだけで、スマホとPCで動画再生

何個もファイルを書き出すがだるいので、mp4だけでなんとかする。

対応環境

PC

  • モダンブラウザ(VIDEOタグで再生)
  • レガシークソブラウザ(swfで再生)

スマホ

  • iOS6〜(確かめてない)
  • Android2.3(swfで再生)
  • Android2.3以降(VIDEOタグ)

動画の変換ポイント

  • H.264
  • プロファイルはベースライン
  • ピクセル縦横比は1:1
  • ビットレートは1Mbpsくらい

分岐のコード

var videoElm = document.createElement('video');
if(videoElm.canPlayType && !!videoElm.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,'')){
	//VIDEOタグで再生
}else{
	//swfで再生
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment