Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

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
image text in transcribed
image text in transcribed
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

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

More Books

Students also viewed these Databases questions

Question

Draw the new category management cycle

Answered: 1 week ago