This is the simple "src" attribute which allows to link video on the html page.

This is the "controls" attribute which is helps to add functioality of controls in the video.

This is the "autoplay" attribute which is used for when the user refresh the page that video play automatically. And here we used "muted" for mute the video becuase whenever i changes on this page this video play automatically which are very fraustrating.

As you see the name of this attribute "loop" means whenever the video will finished it will play automatically play and play like a loop.

This is the simple "muted" attribute which allows to muted video on the html page.

This is the simple "poster" attribute which allows to link an image or poster in video which shows before playing the video on the html page.

Note 1:

And the final thing which i have added in all the videos i added controls functioality for test the videos. basically we used controls attribute because without conrtols attribute some videos does not play with simple attribute like src,muted,poster,loop except autoplay.

This is the simple "src" attribute which allows to link audio on the html page.

This is the "controls" attribute which is helps to add functionality of controls in the audio.

This is the "autoplay" attribute which is used for when the user refresh the page that audio play automatically.

This is the simple "muted" attribute which allows to muted audio on the html page.

No Preload (preload="none"): The browser doesn’t load the file until you press play on the html page.

Some Preload (preload="metadata"): The browser loads only the basic details (like length or size) but not the content on the html page.

Full Preload (preload="auto"): The browser loads the whole file, ready to play it immediately. on the html page.

This is the simple "controlsList" attribute which allows to define controls to be displayed.

Note 2:

And the final thing which i have added in all the audios i added controls functioality for test the audio. basically we used controls attribute because without conrtols attribute some audios does not play with simple attribute like src,muted,poster,loop except autoplay.

Note 3:

If you want to learn more about the media like preload attribute you can go to the documentation here: Media