You volunteer at a local food bank called New Harvest Food Bank.You already created a responsive website but now need to add a video to the home page to attract volunteers.You need to format the video on the page. Create and style the video as shown in figure
HTML Chapter 9 Integrating Audio and Video In the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter, Lab 3 requires you to dive deeper into a topic covered in the chapter Lab 1: Adding Video to the New Harvest Food Bank Website Prablem: You volunteer at a local food bank called New Harvest Food Bank that collects community food donations and provides food and other services to those in need. You have already created a responsive website but now need to add a video to the home page to attract volunteers You also need to format the video on the page. Create and style the video as shown in Figure 9-27 Figure 9-27 Instructions: Performs the following taskr 1. Save the lablmedia folder from the Data Files for Students to your labl folder. 2. Open your text editor and then open the index.html document in the labl folder and update 3. In the main element of the index.html document, insert a video element with 4. Specify the following three source files within the video element and insert the appropriate the comment at the top of the page to include today's date. autoplay and controls attribates. type attribute and value for each source arc-"nedia/volunteer.npi ar-"sedia/volunteer.ogg SrC 'edia/volunteer vebe 5. Create a paragraph element below the source elements with text that states Your broweer doe not upport the video element 6. Wrap the video element in a div element and include a class-"video" attribute and value. HTML Chapter 9 Integrating Audio and Video In the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter, Lab 3 requires you to dive deeper into a topic covered in the chapter Lab 1: Adding Video to the New Harvest Food Bank Website Prablem: You volunteer at a local food bank called New Harvest Food Bank that collects community food donations and provides food and other services to those in need. You have already created a responsive website but now need to add a video to the home page to attract volunteers You also need to format the video on the page. Create and style the video as shown in Figure 9-27 Figure 9-27 Instructions: Performs the following taskr 1. Save the lablmedia folder from the Data Files for Students to your labl folder. 2. Open your text editor and then open the index.html document in the labl folder and update 3. In the main element of the index.html document, insert a video element with 4. Specify the following three source files within the video element and insert the appropriate the comment at the top of the page to include today's date. autoplay and controls attribates. type attribute and value for each source arc-"nedia/volunteer.npi ar-"sedia/volunteer.ogg SrC 'edia/volunteer vebe 5. Create a paragraph element below the source elements with text that states Your broweer doe not upport the video element 6. Wrap the video element in a div element and include a class-"video" attribute and value