1. Chapter 4: HTML5 Media - <video> & <audio>
HTML5 Video Series
Chapter 4: HTML5 Media - <video> & <audio>

2. Finally! HTML5 Video Series
We finally have a simple way to include videos and audio clips in web pages Until now, we always needed to download plugins such as Flash to display videos in a web page. Now it is almost as simple as including an image
HTML5 Video Series

3. Browser Support HTML5 Video Series
The following browsers support HTML5 video an audio
IE9+
Chrome 6+
Firefox 3.6+
Safari 5+
Opera 10.6+
HTML5 Video Series

4. Types of Media (MIME Types)
HTML5 Video Series
VIDEO
Mp4
WebM
Ogg
AUDIO
Mp3
Ogg
Wav
Note: There are many video converters available if you have a different format for your videos

5. Video Tags HTML5 Video Series <video> - Define a video
<source> - Defines multiple sources for the video element
<track> - Defines text tracks in media players
Note: Javascript is needed for extra function and controls

6. Audio Tags HTML5 Video Series
<video> - Define sound content <source> - Defines multiple sources for the audio element

7. Javascript Audio/Video Methods
HTML5 Video Series
addTextTrack() – Adds a new track canPlayType() – Checks if browser can play type load() - Re-loads the audio/video element play() - Starts playing the audio/video pause() - Pauses the playing audio/video

8. Lets Dive In!
HTML5 Video Series
Start Coding!