Join Tom Green for an in-depth discussion in this video Challenge: Create HTML5 video using Dreamweaver, part of Learning HTML5 Video.
In this challenge, we're going to go visit Hong Kong Harbor.…And the objective in this challenge is to take the video that I'm about to give you…in your chapter four video five folder and convert it to WebM and MP4 versions of the file.…You're going to use the Dreamweaver HTML5 video wizard to add the code that makes…this thing run. And I'll be supplying that index.html file…to you, so you don't have to write a whole ton of code.…And finally, you're going to preview it in Chrome and then preview it in Firefox.…
Depending on the time you need to encode the videos, this challenge should take you…no more than 10 to about 13, 14 minutes to complete.…
- Understanding web video delivery challenges
- Understanding video containers or codecs
- Exploring bitrate
- Creating MP4 and WebM videos
- Using the video tag
- Preloading video
- Working with multiple formats
- Setting up autoplay
Skill Level Beginner
Photoshop CS6: Editing Videowith Richard Harrington1h 55m Intermediate
Creating Video Bumpers with HTML5with Joseph Lowery31m 32s Intermediate
1. How We Got into This Mess
2. HTML5 Video Primer
3. Showtime: Playing a Video Stream
4. There Are Alternatives
Next steps1m 35s
- 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.Cancel
Take 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.