Using multiple sources for browser compatibility


show more Using multiple sources for browser compatibility provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth show less
please wait ...

Using multiple sources for browser compatibility

In the video tag movie, I mentioned that the previous example of using the ogg formats wouldn't work in Safari or IE 9. Well if we'd use the MP4 formats instead, the example wouldn't have worked in Firefox, Chrome or Opera. So in this movie, I'm going to show you how to provide multiple sources so both sets of browsers can play the video. If you're following along with the exercise files, we're now in the 2-02 folder. We're back to our single source video tag. The first thing we want to do is add a source tag and the source tag allows us to provide multiple sources for the video.

The source tag also has a source or src attribute. And for our first source we're going to use the same file that we used for the video tag before. So I'm just going to copy and paste that from the previous one and at the same I'm going to remove the source attribute from the video tag. We don't want that there anymore because now we're using the source tags to provide...

Using multiple sources for browser compatibility
Video duration: 5m 53s 2h 7m Intermediate

Viewers:

Using multiple sources for browser compatibility provides you with in-depth training on Video. Taught by Steve Heffernan as part of the HTML5: Video and Audio in Depth

Subjects:
Video Web
Software:
HTML
Author:
please wait ...