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