# Preload
Control how much of the video the player buffers before playback starts.
Tip: open your browser's developer console and use the `player` and `THEOplayer` variables to interact with this demo.
**Preload**
nonemetadataauto
**Buffered**
| player.preload | auto |
| -------------- | ------------- |
| readyState | HAVE\_NOTHING |
| Buffered ahead | 0.0 s |
`player.preload` accepts `'none'`, `'metadata'` or `'auto'`. Switching the option re-creates the player with the new setting so you can compare the buffered range below the player.
```js
player.preload = 'auto';
player.source = {
sources: { src: 'https://cdn.theoplayer.com/video/dash/webvtt-embedded-in-isobmff/Manifest.mpd', type: 'application/dash+xml' },
};
```
See the [preloading guide](https://optiview.dolby.com/docs/theoplayer/how-to-guides/web/miscellaneous/preloading.md).
Code
demo.html
```html
Preload
```