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