Join Tom Green for an in-depth discussion in this video Embedding video via YouTube, part of Learning HTML5 Video.
In any discussion around the subject of video in HTML 5, the subject of YouTube…will inevitably arise. The popularity of YouTube as a personal…and commercial medium for distributing online video can't be understated.…For example, there is hardly a news program on this planet that doesn't work…in YouTube content somewhere in the broadcast.…For our purposes, the inclusion of a YouTube video in an HTML5 page is relative…simply to accomplish. And to get started, open the index.html…file located in the Chapter 04 02_YouTube folder in any code editor.…
I'm going to be using Dreamweaver. If you scroll down to the bottom of the…code, you will see I have left space for the YouTube code right, here between the…two div tags. Adding a YouTube video to your HTML is a…relatively simple process, where you simply add YouTube's embed code to the div…where the video is to play. Though it is common knowledge that YouTube…is a heavy user of the Flash player, that sort of goes against the grain with this course.…As we wean ourselves off of our reliance on plugins.…
- 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
HTML5: Video and Audio in Depthwith Steve Heffernan2h 7m 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?
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.