HTML 5 Video

Code for Embedding video

Youtube or Vimeo:

Use the share button for youtube or vimeo files and choose embed. Copy the code to your page.

HTML 5 video tag with multiple sources:

This is the code used above.
This example does not use the codecs attributes and values which might not be absolutely necessary.

iphone is first and fallback text is last. Fallback files can also be flash video.

<video width="600" height="250" controls>
<source src="derrick_final_comp1.mp4" type="video/mp4">
<source src="derrick_final_comp1.webm" type="video/webm">
<source src="derrick_final_comp1.theora.ogv" type="video/ogg">
<p>Your browser does not support html5 video</p>
</video>

HTML 5 video tag with 1 source:

<video src="derrick_final_comp1.mp4" width="600" height="250" preload controls type="video/mp4"></video>

This version has the codecs used(probably not necessary anymore)

<video width="600" height="250" controls autoplay>
<!--iphone format first so it won't ignore the code-->
<source src="derrick_final_comp1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="derrick_final_comp1.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="derrick_final_comp1.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
<!--fallback in case the users browser sucks-->
<p>Your browser does not support html5 video</p>
</video>

See these sites for html5 video help

To encode video: