Lazy-loading media
Limited availability
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.
Browser support (view on caniuse.com)
Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~0.058% of page loads. More data at chromestatus.com.Developer use cases
-
Lazy load videos that are not in the initial viewport.
Lazy load videos that are not in the initial viewport. [see original comment]
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist