Summary of audio and video media playback elements in HTML5_html5 tutorial tips

Audio and video encoder/decoder is a set of algorithms used to encode and decode a specific audio or video stream so that the audio and video can be played. Raw media files are very large in size, and if they are not encoded, the data that makes up a video and audio clip may be so large that it takes an unbearable time to propagate over the Internet. Without a decoder, the receiver cannot reassemble the encoded data into the original media data. Codecs can read a specific container format and decode the audio and video tracks within it.
Understanding media elements
1. Basic operation: declare media elements

The controls attribute in the code tells the browser to display common user controls, including start, stop, skip, and volume control. If the controls attribute is not specified, the user will not be able to play the audio on the page.
2. Use the source element
In the simplest case, the src attribute can point directly to the media file. However, what if the browser does not support the relevant container or encoder? This requires the use of backup declarations. Multiple sources can be included in the fallback statement, and the browser can choose from so many sources:

For sources, the browser will judge according to the order of declaration. If more than one is supported, the browser will choose the first supported source.
3. Media control
By setting the attribute autoplay in the audio element or video element, the audio or video file will automatically play after loading without any user interaction.
Commonly used control functions