Media distribution is essential for any web application; delivering rich experiences that alter the user's perception. Many times we are asked to put a still image on a site, and other times we are asked to include video galleries that allow the user to switch videos easily through some sort of unique navigation. Previously, we were able to do this with Flash and other plugin based technologies, but with the wide support of HTML5 video, we now have the ability to deliver video without the condition of downloading a plugin.
One thing to keep in mind is that HTML5 video and audio share the same specification. This is because they are both considered a media element (http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#media-element). What this means is that both video and audio share some attributes and methods, making it easier to implement them within our applications.
Either way, let's get going by learning how we can configure...