Question
Description: Write the complete HTML markup for the document pictured in the screenshot on the next page. In your answer, make sure you make use
Description:
Write the complete HTML markup for the document pictured in the screenshot on the next page. In your answer, make sure you make use of proper HTML5 markup, including the following:
Figures and Captions
Use an image and video width of 400 pixels
Use https://squoosh.app and the picture element to include at least 2 different image encoding formats (e.g., WebP and JPEG)
Use both MP3 and OGG sources for your audio
Show the play button, etc. for your audio
Use both MP4 and OGV sources for your video
Hide the play button and automatically mute and play your video. Also have it run forever over and over again (looping)
You will also require the following links:
Image: https://unsplash.com/photos/oC66vXsqnc8
Audio: https://archive.org/detailsaturesounds-soundtheraphy/
MP3 - https://ia800404.us.archive.org/31/itemsaturesounds-soundtheraphy/Relaxing%20Nature%20Sounds%20-%20Trickling%20Stream%20Sounds%20%26%20Birds.mp3
OGG - https://ia800404.us.archive.org/31/itemsaturesounds-soundtheraphy/Relaxing%20Nature%20Sounds%20-%20Trickling%20Stream%20Sounds%20%26%20Birds.ogg
Video: https://archive.org/details/LoopableCassetteTape
MP4 - https://archive.org/download/LoopableCassetteTape/Cassette%20Tape%20PhotoJPEG.mp4
OGV - https://archive.org/download/LoopableCassetteTape/Cassette%20Tape%20H264-1.ogv
The output should be as the picture attached
Test 5: HTML and Media Image Different types of media by Julius Drost Audio 0:00/26:37 (1) RelaxingNatureSounds-TricklingStreamSounds&Birdsby@naturthusiast Video
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started