Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
HTML5 is a good choice if you're looking to embed video on your website, since visitors don't need any special plugins and HTML5 is becoming more widely supported by browsers. But the lack of a single accepted video codec does pose some challenges. In this course, Tom Green takes you through the history of video on the web, and shows you how to move forward with HTML5. Learn how to play a video stream on your website, set up autoplay and poster frames, and use alternatives like Adobe Dreamweaver and the JW Player to play back video. A series of Challenge and Solution videos give you a hands-on opportunity to practice what you've learned.
(MUSIC) Well, hello there. I'm Tom Green, and welcome to up and running with HTML5 video. In this course, we'll take a look at making sense of the confusion that revolves around the subject of HTML5 video, and then move into creating and coding HTML5 video. I'll start by showing you how to create MP4 and WebM videos by using the Adobe Media Encoder CC and Firefox, which is a great tool for creating WebM video. Then I'm going to show you how to write the code that adds those videos to an HTML5 page. We'll see how to create poster frames, flash fallback videos, and even how to add third party video players to a web page.
We'll be covering all of these features plus plenty of other tools and techniques. Now, let's get started with up and running with HTML5 video.
There are currently no FAQs about Up and Running with HTML5 Video.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.