{
 "caniuse": [
  "loading-lazy-media"
 ],
 "compat_features": [
  "api.HTMLMediaElement.loading",
  "html.elements.audio.loading",
  "html.elements.video.loading"
 ],
 "description": "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.",
 "description_html": "The <code>loading=\"lazy\"</code> attribute for <code>&#x3C;video></code> and <code>&#x3C;audio></code> elements defers loading the media resource until the element is near the viewport. This matches the lazy-loading behavior for <code>&#x3C;img></code> and <code>&#x3C;iframe></code> elements.",
 "group": [
  "media-elements"
 ],
 "kind": "feature",
 "name": "Lazy-loading media",
 "spec": [
  "https://github.com/whatwg/html/pull/11980"
 ],
 "status": {
  "baseline": false,
  "by_compat_key": {
   "api.HTMLMediaElement.loading": {
    "baseline": false,
    "support": {
     "chrome": "150",
     "chrome_android": "150",
     "edge": "150"
    }
   },
   "html.elements.audio.loading": {
    "baseline": false,
    "support": {
     "chrome": "150",
     "chrome_android": "150",
     "edge": "150"
    }
   },
   "html.elements.video.loading": {
    "baseline": false,
    "support": {
     "chrome": "150",
     "chrome_android": "150",
     "edge": "150"
    }
   }
  },
  "support": {
   "chrome": "150",
   "chrome_android": "150",
   "edge": "150"
  }
 },
 "id": "loading-lazy-media",
 "groups": [
  "media-elements"
 ],
 "specs": [
  {
   "url": "https://github.com/whatwg/html/pull/11980"
  }
 ],
 "mdnUrls": [
  {
   "slug": "Web/API/HTMLMediaElement/loading",
   "title": "HTMLMediaElement: loading property",
   "anchor": null,
   "url": "https://developer.mozilla.org/docs/Web/API/HTMLMediaElement/loading"
  }
 ],
 "standardPositions": [],
 "hasNegativeStandardPosition": false,
 "stateOfSurveys": [],
 "chromeUseCounters": {
  "percentageOfPageLoad": 0.00065902,
  "url": "https://chromestatus.com/metrics/webfeature/timeline/popularity/428"
 },
 "interop": [],
 "wpt": null,
 "developerSignals": {
  "url": "https://github.com/web-platform-dx/developer-signals/issues/534",
  "votes": 28
 },
 "bugs": {
  "firefox": [
   "https://bugzil.la/2005072"
  ],
  "chrome": [
   "https://issues.chromium.org/issues/469111735"
  ],
  "firefox_android": [
   "https://bugzil.la/2005072"
  ],
  "safari": [
   "https://webkit.org/b/303995"
  ],
  "safari_ios": [
   "https://webkit.org/b/303995"
  ],
  "webview_ios": [
   "https://webkit.org/b/303995"
  ]
 },
 "useCases": [
  {
   "description": "Lazy load videos that are not in the initial viewport.",
   "url": "https://github.com/web-platform-dx/developer-signals/issues/534#issuecomment-4864237603"
  }
 ],
 "baselineLowDateAsObject": null,
 "baselineHighDateAsObject": null
}