Skip to content

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>

Post a Comment

You must be logged in to post a comment.