Review: The Video Element

A full video element is a combination of resource location, poster, width, height, and access attributes:

Smooth Puppy

Single-Source

HTML 
<video src="#" poster="#" width="" height="" preload controls></video>


<!-- For example... -->
<video src="./media/duckett-puppy.mp4" poster="./images/duckett-puppy-poster.png" width="768" height="576" preload controls>
  <p>Sorry, your browser does not support the video tag.</p>
</video>

Multiple-Source

HTML 
<video poster="#" width="" height="" preload controls>
  <source src="#" type="">
  <source src="#" type="">
</video>


<!-- For example... -->
<video poster="./images/duckett-puppy-poster.png" width="768" height="576" preload controls loop>
  <source src="./media/ducket-puppy.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
  <source src="./media/duckett-puppy.webm" type='video/webm;codecs="vp8, vorbis"'>
  <p>A video of a puppy playing in the snow.</p>
  <p>Sorry, your browser does not support the video tag.</p>
</video>