HTML5のVideo Tagを使う際の注意点とiPad, iPhone向けの動画へ変換する

html5_videoHTML5のVideo Tagを使うとIE9, iPhone, MacのFirefoxなど特定の環境だけ動画が再生されなくて困ったときのMemo.

結論から言うと、PC BrowserではFlowPlayerなどのFlashを使った方が無難。少なくともお客様相手の仕事はそうした方がいい。

VideoJSなどのJavaScript Library(HTML5のVideo Tag)を使う場合の注意点。

動画の形式(type)も様々。Video TagのType属性指定する値は下記Siteを参考に。

iPad, iPhoneなどiOS向けへの動画はAdobe Media Encoderを使って変換しているけど、FFmpegなどで変換する場合は下記Siteを参考に。

 

< Related Posts >