YouTip

## HTML Audio/Video DOM: loadstart Event The `loadstart` event fires when the browser begins looking for the specified audio or video file. This marks the official beginning of the media loading process. --- ## Definition and Usage The `loadstart` event is triggered as soon as the browser starts loading the media resource. When a media element (audio or video) is loaded, the browser fires a sequence of events in a specific order. Understanding this lifecycle is crucial for managing loading indicators, custom controls, and playback states: 1. **`loadstart`** (The browser begins looking for and loading the media) 2. **`durationchange`** (The duration of the media is first known or updated) 3. **`loadedmetadata`** (Metadata like dimensions, duration, and tracks have been loaded) 4. **`loadeddata`** (The browser has loaded the current playback frame) 5. **`progress`** (The browser is actively downloading the media data) 6. **`canplay`** (The browser can start playing, but may need to pause for buffering) 7. **`canplaythrough`** (The browser estimates it can play the media through without stalling) --- ## Syntax You can listen for the `loadstart` event in three ways: ### 1. In HTML ```html