HTML – onloadedmetadata Event
The onloadedmetadata event fires when meta data for the specified audio/video has finished loading.
The onloadedmetadata event fires when meta data for the specified audio/video has finished loading.
The onloadstart event fires when the browser starts looking for the specified audio/video.
The onpause event fires when the audio/video is paused either by the user or a script.
The onplay event fires when the audio/video has been started or is no longer being paused.
The onplaying event fires when the audio/video is playing after having been manually/programmatically paused or had stopped to buffer.
The onprogress event fires when the browser is downloading the requested audio/video file.
The onratechange event fires when the playing speed of the audio/video has changed (to a slow motion or fast forward mode).
The onseeked event fires when the user is finished moving or skipping to a new position in the track.
The onseeking event fires when the user starts to move or skip to a new position in the audio/video.
The onstalled event fires when the browser is trying to get media data, but the data is not available.
The onsuspend event fires when loading of the media is suspended or prevented from continuing.
The ontimeupdate event fires when the playing position of the audio/video has changed.
The onvolumechange event fires each time the volume of the video/audio has been changed by increasing/decreasing it or by muting/unmuting it.
The onwaiting event fires when the video stops because the next frame needs to buffer.
The object-fit property is used to specify how an image or video should be resized to fit its container.
The object-position property is used together with object-fit to specify how an image or video should be positioned with x/y coordinates.