Web Development: Unraveling HTML, CSS, and JavaScript/

...

/

How It Works: Supporting Multiple Video Formats

How It Works: Supporting Multiple Video Formats

In this lesson we will understand the workings of the previous lesson's exercise on adding support for multiple video formats in HTML. Let's begin!

We'll cover the following...

How it works

In step one, you used the <source> tag, instead of the src attribute of <video>, to specify the stream to play:

Press + to interact
<video controls
    poster="Images/VideoPoster.png">
    <source src="Video/Caribbean.webm" type="video/webm" />
</video>

With Google Chrome (in step two) the video played seamlessly because Chrome supports WebM out-of-box, so it was able to play the ...