Scott Whittaker

Frontend Developer

Day job React | side projects Svelte

HTMLMediaElement.readyState

I can never recall the readyState property of the HTMLMediaElement when I need it so here it is as defined by MDN, hopefully it will remain in the brain a little longer now that I have copied it here.

The HTMLMediaElement.readyState property indicates the readiness state of the media. MDN HTMLMediaElement.readyState

ConstantValueDescription
HAVE_NOTHING0No information is available about the media resource.
HAVE_METADATA1Enough of the media resource has been retrieved that the metadata attributes are initialized. Seeking will no longer raise an exception.
HAVE_CURRENT_DATA2Data is available for the current playback position, but not enough to actually play more than one frame.
HAVE_FUTURE_DATA3Data for the current playback position as well as for at least a little bit of time into the future is available (in other words, at least two frames of video, for example).
HAVE_ENOUGH_DATA4Enough data is available—and the download rate is high enough—that the media can be played through to the end without interruption.