Lazy-loading media
The loading="lazy" attribute for <video> and <audio> elements defers loading the media resource until the element is near the viewport. This matches the lazy-loading behavior for <img> and <iframe> elements.
Status
Limited availability
MDN documentation
Specifications
Browser support (view on caniuse.com)
- Chrome ❌ See issues.chromium.org/issues/469111735 crbug.com/469111735
- Chrome Android ❌ See crbug.com/469111735
- Edge ❌ See crbug.com/469111735
- Firefox ❌ See bugzil.la/2005072
- Firefox for Android ❌ See bugzil.la/2005072
- Safari ❌ See webkit.org/b/303995
- Safari on iOS ❌ See webkit.org/b/303995
Usage (according to Chrome Platform Status)
~0.053% of page loads. More data at chromestatus.com.Developer votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist