<video width="320" height="240" controls>
	<source xsrc="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	<source xsrc="video.webm" type='video/webm; codecs="vp8, vorbis"'>
	<source xsrc="video.ogg" type='video/ogg; codecs="theora, vorbis"'>
</video>

Listing 3

<video class="video-js" width="640" height="264" poster="poster.png" controls preload>
	<source xsrc="movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
	<source xsrc="movie.webm" type='video/webm; codecs="vp8, vorbis"'>
	<source xsrc="movie.ogg" type='video/ogg; codecs="theora, vorbis"'>

	<object class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">

		<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
		<param name="allowfullscreen" value="true" />
		<param name="flashvars" value='config={"clip":{"url":"http://example.com/movie.mp4","autoPlay":false,"autoBuffering":true}}' />
		<img xsrc="http://example.com/poster.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />

	</object>
</video>

Listing 4

<video controls preload poster="poster.png”>
	<source xsrc="movie.mp4" type="video/mp4" />
	<source xsrc="movie.ogg" type="video/ogg" />
	<div class="fallback">
		<img xsrc="poster.png" alt="" />
		<div class="fallback-text">
			<p>Please use a modern browser or install
			<a href="http://get.adobe.com/flashplayer/">Flash-Plugin</a></p>
			<ul>
 				<li><a class="source" href="movie.mp4">Movie (mp4)</a></li>
				<li><a class="source" href="movie.ogg">Movie (ogg)</a></li>
			</ul>
		</div>
	</div>
</video>

Listing 5

<iframe class="youtube-player" type="text/html" width="640"
height="385" xsrc="http://www.youtube.com/embed/VIDEO_ID"
frameborder="0"></iframe>

Listing 6