Join Justin Putney for an in-depth discussion in this video Adding video, part of HTML5 Projects: Creating an Advanced Responsive Presentation.
going to use the HTML five video tag to embed video in our presentation.…Here i have the w3 schools reference. Scroll down you can see our works were…actually used in even simpler implementation that is shown here.…This site is also great because it also shows you the different browser support.…We're going to use an MP4 file, and the case of the browser that don't support…that, like Firefox in this case, it will fall back to a flash video player.…So that's really handy, that's one of the reasons that media element JS is so useful.…
And we don't even have to write the embed code for the flash object ourselves, and…it'll take care of that. So I'm going to switch back to the finder.…And the chapter four, zero two start folder.…At the same level there's a media folder that contains the audio and video that…we'll use throughout the presentation. So select these two items, copy them.…And start folder, you can paste them into the media folder.…Next let's open up the index HTML file in Dreamweaver, or the code editor of your choice.…
Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.
- Embedding a Twitter feed in an iframe
- Creating the code for automatic playback
- Using MediaElement.js in your presentation
- Adding video and audio