Skip to content
{ 2011 02 18 }

embedding html 5 videos for universal consumption

This is surprisingly easy.
Throw your video into handbrake. I usually select ipod template, the video will end up 320 x 176.
Once that is done, covert the video using
ffmpeg2theora videoName.m4v videoName.ogg
Check the video size by getting info in finder. Now you are ready to upload the videos and embed it using:
<div id="_mcePaste">&lt;video width="320" height="176" controls&gt;</div>
<div id="_mcePaste">&lt;source src="videoName.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;</div>
<div id="_mcePaste">&lt;source src="videoName.ogv" type='video/ogg; codecs="theora, vorbis"'&gt;</div>
<div id="_mcePaste">&lt;/video&gt;</div>

Posted by admin on Friday, February 18, 2011, at 11:43 am. Filed under software. Follow any responses to this post with its comments RSS feed. You can post a comment or trackback from your blog.

Post a Comment

You must be logged in to post a comment.