Join Tom Green for an in-depth discussion in this video Solution: Shooting and encoding HTML5 video, part of Learning HTML5 Video.
So the other night I'm in Carpinteria, and I'm walking along the beach and I thought…I'll shoot 30 seconds of beach video. (NOISE) So I've got 30 seconds of beach…video, and as I pointed out in lesson two, one of the first you want to do.…Is take a look in the Movie Inspector, and I find out kazart /g, it's way too big.…It's 1280 by 720, when I want 720 by 480. I also notice that the data rate is huge.…So we're going to have to slow this thing down, and that means I'm going to have to…pop over to the Adobe Media Encoder and re-encode this video.…
So I'm going to pop over to the Media Encoder.…So, I'm going to click the plus sign here, navigate to the chapter three folder,…where my challenge is. I put the video in there, and there's that…beach MP4. Click Open, and there it is.…Now, I'm going to have to take the bit rate down, and change the size.…So, I click the preset to open up the export settings.…I've got H264. I've got audio and video.…This is good. It's going to rename it to beach1 MP4.…I'm not too upset about that. But what I need to do is change the video settings.…
- 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
Creating an HTML5 Video Gallery with jQuerywith Chris Converse59m 53s 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.