Join Tom Green for an in-depth discussion in this video Using the Dreamweaver CC video wizard, part of Up and Running with HTML5 Video.
In the previous chapter we walked through the code you need to know to wire up an…HTML5 video project. In this chapter we're going to look at…alternative methods for adding HTML 5 video to your pages.…Those methods range from the rather neat feature in Dreamweaver to a rather popular…third party player. Let's start with Dreamweaver CC, and to…get yourself started, open the index.html file located in the chapter four, video…one folder. Now, when the file opens I want you to do…something very quickly because it's going to wind up with all kinds of crazy paths.…
We're going to define a site. So, what you do is, you come to the Site…menu, select New Site. And we'll just call this one HTMLvid, and…we're going to save it to our Start folder.…So, the local site folder will be the start folder for this exercise.…Now, it's sitting on my Desktop. And I've now identified the start folder.…I'll click Choose. Click Save.…And you can see, there's all the files. Now, the plan here, is to add the…CableCARD video into the vid holder, div, shown here in the code.…
- 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?
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.