HTML and CSS Reference
To display the Royal Wedding video:
1. Within the opening <video> tag, insert the attribute controls=”controls” as
shown in Figure 7-23.
adding controls to the video element
with the video
2. Save your changes to the file, and then go to the clips.css file in your text editor.
3. Add the selector, video to the style rule (see Figure 7-24).
style rule for the video element
4. Save your changes to the file, and then reload jumbo.htm in your Web browser.
The browser displays the video clip along with the video controls. As shown in
Figure 7-25, different browsers have slightly different video players.
the video player as rendered by different browsers
Safari for Windows
Safari for the Macintosh
5. Click the play button on your browser's video player and confirm that you can
play the video clip within the Web page.