From the course: Creating Web Media

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

The video element

The video element - CSS Tutorial

From the course: Creating Web Media

The video element

- [Chris] Hi, this is Chris Converse, and in this episode, we'll be taking a look at the HTLM Video Element introduced in Version Five of the HTML specification. This Element allows you to add video to an HTML file without the need for browser plug-ins. And this will work in all modern browsers regardless of the specific device. And we'll be looking at specifying multiple video formats, heading controls and poster frames, sizing the video with the CSS and even adding a simple click event for desktop and laptop computers. And if you'd like to follow along download the exercise files and start by opening the index.html file in a text editor. And so here in the HTML file, we have a very simple layout started. You can also open the HTML file in a browser to preview the layout so far. In my text editor here, I have a preview as well. I open it here. And then in the HTML file, there's a comment here that says, "Add video here." So let's delete that and let's start by adding the video…

Contents