Improving a Webpage with Video and Audio
Instructions: Work with the analyze09.html file in the analyze folder, the analyzestyles09.css file
in the analyze\css folder, and the media files in the analyze\media folder from the Data Files for
Students. The analyze09.html webpage needs multimedia to advertise its services. Insert a video
element with appropriate source files to accommodate all major browsers. Set the video to play
automatically, continuously, display controls, and specify width and height. Next, insert an audio
element that continuously plays and does not display controls. Finally, style the video element. Use
Figure 9–26 as a guide to correct these files.
1. Correct
a. Open the analyze09.html file in your text editor from the Data Files for Students. Modify the
    comment at the top of the page to include your name and today’s date and then link the file to
     analyzestyles09.css.
b. Open the analyzestyles09.css file in your text editor from the Data Files for Students and then
    modify and correct the comment at the top of the document to include your name and today’s date.
c. Review the video element within the analyze09.html  file and add appropriate attributes
   to specify that the video plays automatically when the page loads, displays controls, and plays
    continuously. Also specify a width and height for the video. (Hint: Review the video’s properties.)

d. Modify the video element to enable the video to play with all major, modern browsers and
    provide fallback text for legacy browsers that do not support the video element.
e. Wrap the video element in a div element with a class value of video.

2. Improve
a. In the analyze09.html file, add an audio element below the div element you just created.
b. Specify three audio source files and provide fallback text for legacy browsers that do not support the audio element.
c. Set the audio to play automatically and continuously.
d. In the analyzestyles09.css file, create a style rule for the video class to center the div element and to apply 1em of padding. Include a comment for the style rule.
e. Create a style rule for the video element and specify a border with rounded corners. Include a comment for the style rule.
f. Save all of your changes and open the analyze09.html in your browser.
g. Validate your CSS file using the W3C validator found at http://jigsaw.w3.org/css-validator/ and fix any errors that are identified.
h. Validate your HTML webpage using the W3C validator found at validator.w3.org and fix any errors that are identified.
i. Identify the steps you would take to accommodate legacy browsers when including a Flash video on a webpage.