When all the video plugins that enabled video playback in the browser disappeared, they were replaced with the HTML5 element. In this video, discover that, all by itself, the video element doesn't do much.
So, I'm gonna go back to Brackets and let's get going. So let's get started and to get your self started open the videoelement.html file found in your chapter download. And when the file opens you will notice there are some CSS code right here, which adds a bit of style to the page. And if we scroll down to line 44, which is right here, you will see that it contains a comment and this is where the video tag will be entered.
Above it is a headline and a subhead, and a little descriptive text of what's going to happen. And both of these are between the body tags, so what I want you to do is to select the comment and type in video, and it closes off. This is one of the reason I like Brackets, it does closing for you and makes suggestions, which is really great. Now if we test the file, and to do that we're gonna just save it.
If we test the file by clicking the lightening bolt right up here in the upper right corner, you're default browser will open and not much, other than the text between the body tags and the CSS styling is visible. The reason is there is no video content being pointed to. Still, all the web magic happens between these two video tags. I'm gonna go back to Brackets and you can see, there are the video tags. And it all happens between the opening and closing video tags.
So what I need you to do now is to save the file, because we will be adding some video magic in the next exercise.
- Key video formats used to publish on the web
- Encoding video that's optimized for online delivery
- HTML5 native video embedding and interaction
- Styling video components with CSS
- Captioning video
- Preparing video for social media
- Using Dynamic Link