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.…
Author
Released
6/26/2013Need 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
Skill Level Advanced
Duration
Views
Related Courses
-
Deke's Techniques
with Deke McClelland155h 55m Intermediate
-
Introduction
-
Welcome42s
-
-
1. Understanding the Project
-
2. Enhancing the Slideshow
-
3. Creating a Self-Running Slideshow
-
Adding bullet timing3m 32s
-
4. Adding Audio and Video
-
Adding video10m 38s
-
5. Finalizing the Self-Running Mobile Presentation
-
Custom tweaks for iPad9m 39s
-
6. Enabling Offline Playback
-
Conclusion
-
Next steps40s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Adding video