Limited Availability Media elements

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.

Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Jul 2, 2026.

Desktop Browser Engine Support

Google Chrome

150

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

150

Supported

Mobile Browser Engine Support

Chrome Android

150

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Can I Use (loading-lazy-media) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.HTMLMediaElement.loading ↗ html.elements.audio.loading ↗ html.elements.video.loading ↗