html5でvideoタグを使う

以下の様にタグを書く
<video poster="video_image.jpg" width="560" height="349" controls>
<source src="video.ogg">
<source src="video.mp4">
Your browser does not support the video element.
</video></p>

ffmpegでmp4をoggに変換する
$ ffmpeg -i video.mp4 -acodec libvorbis -ab 256k -vcodec libtheora -b 3200k -s 1280x720 video.ogg

スクリプトで一括して変換すれば楽だ。



webmなら

<video poster="video_image.jpg" width="560" height="349" controls>
<source src="video.webm">
<source src="video.mp4">
Your browser does not support the video element.
</video>

ffmpegでmp4をwebmに変換する
ffmpeg -i video.mp4 -acodec libvorbis -ac 2 -ab 256k -ar 44100 -b 3200k -s 1280x720 video.webm