前に調べた時のメモが埋もれそうだったので貼っておく

■video対応ブラウザ
IE6/7/8 はvideo非対応
対応させるJSが配布されているらしい
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media

■videoタグ基礎
http://www.htmq.com/html5/video.shtml

http://www.htmq.com/html5/004.shtml
mp4形式はGoogle Chrome・Safari向け
ogv形式はFirefox・Opera向け
webm形式はGoogle Chrome・Opera向け

といわれているけどzima.jp/zpc/ではogvなかった
ogvじゃなくてもよいかはまたテストする

■ナッポーさんの推奨動画形式
https://developer.apple.com/library/ios/documentation/Miscellaneous/Conceptual/iPhoneOSTechOverview/MediaLayer/MediaLayer.html#//apple_ref/doc/uid/TP40007898-CH9-SW4

■video背景調査
・参考サイト
その１
http://zima.jp/zpc/

http　://zima.jp/zpc/video/stylebook.mp4
http　://zima.jp/zpc/video/stylebook.webm

その２
http://www.insidefilms.com/en/

その３
・ whiteboard.isの解析
http://whiteboard.is/
https　://s3.amazonaws.com/whiteboard.is/videos/bg-loop-new.mp4
https　://s3.amazonaws.com/whiteboard.is/videos/bg-loop-new.ogv

ソース
[html]

[/html]
上下左右中心からの配置にするためにラッパーdivのサイズと位置を変更