Join Tom Green for an in-depth discussion in this video Challenge: Shooting and encoding HTML5 video, part of Up and Running with HTML5 Video.
In this challenge, what we're going to do is apply everything we've learned in…chapters two and three to getting a video up on a web page.…The first thing I want you to do is shoot no more than 30 seconds of video using a…cell phone, a smartphone, even your still camera.…If you don't have access to a video camera, I've included a file that I shot…on the beach the other night, here in Carpenteria, you can use that.…The video is to be re-sized to 720 by 480 and you are going to write the HTML5 code…that will play the video in a browser. In fact, you're going to open the page in…Google Chrome, and that's the name of that tune.…
This challenge should take you no more than ten minutes to complete from starting…with the video to getting it up on a page.…
- 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
HTML5: Video and Audio in Depthwith Steve Heffernan2h 7m Intermediate
Create an HTML5 Video Gallery with jQuerywith Chris Converse59m 53s Intermediate
Editing Video in Photoshop CS6with 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?
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.