Join Tom Green for an in-depth discussion in this video Solution: Create HTML5 video using Dreamweaver, part of Learning HTML5 Video.
My solution to the challenge was to first off, locate the Hong Kong movie in the…video folder and then open it up. Just wanted to make sure that everything…was fine, so I give it a quick scan. As you can see, there's Hong Kong harbor.…Not a lot of motion in here, so I can get away with a good frame rate.…And of course, the first thing I want to check was is this legal for HTML5?…So I go to the movie inspector, and sure enough, it's using the Animation codec at…30 frames per second, no big deal. I'm not too bothered by the surprise 853…by 480, I can live with that, but this codec has gotta go.…
So what I've gotta do is get this file into the Adobe Media Encoder for the MP4…version, and then I'm going to pop the MP4 version into Firefox to create the WebM version.…So I just kick out of the QuickTime player here, and I'm going to swing over to my…Adobe Media Encoder. I'm going to click the plus sign to add…the video, and Chap_04, there's the challenge.…There's the video, Hong Kong.mov. Click Open, and to get going, what I do is…
- 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
Creating Video Bumpers with HTML5with Joseph Lowery31m 36s Intermediate
Photoshop CS6: Editing Videowith Richard Harrington1h 55m Appropriate for all
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?
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.