Up and Running with HTML5 Video

http://www.lynda.com/HTML-tutorials/Up-Running-HTML5-Video/135356-2.html

2.4 Create an MP4 Video
H.264 settings in Adobe Media Encoder

 

Not sure if changing to "Square Pixels" is necessary; I don't like the back borders.

 

1.5 and 1.8 are for mobile devices

 

Mono brings the file size down, specially for low bandwidth mobile phones

 

80 is because of the mono setting

2.5 Creating a WebM video
http://firefogg.org/

settings

http://www.mirovideoconverter.com/

Final Codes

 

add a poster