1<!doctype html> 2<html dir="ltr" lang="en-US" class="no-js"> 3<head> 4 <meta charset="utf-8" /> 5 <title>Lazy loading via attribute for video & audio | Can I use... Support tables for HTML5, CSS3, etc</title> 6 7 <meta name="viewport" content="width=device-width"> 8 9 <link rel="alternate" type="application/atom+xml" title="Can I Use updates" href="/feed"> 10 <link href="//fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet"> 11 <link rel="icon" href="/img/favicon-128.png" sizes="16x16 32x32 64x64 128x128" type="image/png"/> 12 <link rel="apple-touch-icon" href="/img/favicon-128.png"> 13 14 <link rel="stylesheet" href="/css/main.css?1790217108" media="all"> 15 <link rel="stylesheet" href="/css/support-table.css?1790217108" media="all"> 16 <link rel="stylesheet" href="/css/version-support.css?1790217108" media="all"> 17 <link rel="stylesheet" data-theme="light" href="/css/theme-light.css?1790217108" media="all"> 18 <link rel="stylesheet" data-theme="dark" href="/css/theme-dark.css?1790217108" media="(prefers-color-scheme: dark)"> 19 <meta name="Description" content=""Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers."> 20 <meta name="keywords" content="web browser compatibility support html css svg html5 css3 opera chrome firefox safari internet explorer"> 21 <link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Can I use"/> 22 <link rel="preconnect" href="https://ipinfo.io"> 23 <link rel="preconnect" href="https://www.google-analytics.com"> 24 <base href="/" /> 25
25<script> 26 document.write('<style>.static-only {display:none}</style>'); 27 </script>
vendor: 66 bytes, lines 27-29
27 28 29<script async src="https://www.googletagmanager.com/gtag/js?id=
29G-8SCDSGDGKM
vendor: 12 bytes, line 29
29"></script>
30<script> 31
vendor: 134 bytes, lines 31-35
31window.dataLayer = window.dataLayer || []; 32 function gtag(){dataLayer.push(arguments);} 33 gtag('js', new Date()); 34 35 gtag('config', '
35G-8SCDSGDGKM
vendor: 4 bytes, line 35
35');
36</script>
36 37 38
38<script> 39(function() { 40 if (!window.customElements) { 41 var s = document.createElement('script'); 42 s.src = '/legacy-handler.js'; 43 document.getElementsByTagName('head')[0].appendChild(s); 44 } 45}()); 46</script>
46 47<!--[if IE]>
47<script src="/legacy-handler.js"></script>
47<![endif]-->
47<script defer src="js-data/data.js?1790813155"></script>
47<script defer src="js/bundle.js?1790217109"></script>
47<script>window.initialFeatData = {id: "loading-lazy-media", data: "[{\"id\":\"loading-lazy-media\",\"title\":\"Lazy loading via attribute for video & audio\",\"description\":\"The `loading` attribute on video & audio elements gives authors control over when the browser should start loading the media resource, allowing deferred loading until the element is near the viewport.\",\"spec\":\"https:\/\/html.spec.whatwg.org\/multipage\/urls-and-fetching.html#lazy-loading-attributes\",\"status\":\"ls\",\"baseline_status\":{\"status\":\"limited\",\"lowDate\":null,\"highDate\":null},\"discouraged\":null,\"wf_id\":\"loading-lazy-media\",\"stats\":{\"ie\":{\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\"},\"edge\":{\"12\":\"n\",\"13\":\"n\",\"14\":\"n\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"79\":\"n\",\"80\":\"n\",\"81\":\"n\",\"83\":\"n\",\"84\":\"n\",\"85\":\"n\",\"86\":\"n\",\"87\":\"n\",\"88\":\"n\",\"89\":\"n\",\"90\":\"n\",\"91\":\"n\",\"92\":\"n\",\"93\":\"n\",\"94\":\"n\",\"95\":\"n\",\"96\":\"n\",\"97\":\"n\",\"98\":\"n\",\"99\":\"n\",\"100\":\"n\",\"101\":\"n\",\"102\":\"n\",\"103\":\"n\",\"104\":\"n\",\"105\":\"n\",\"106\":\"n\",\"107\":\"n\",\"108\":\"n\",\"109\":\"n\",\"110\":\"n\",\"111\":\"n\",\"112\":\"n\",\"113\":\"n\",\"114\":\"n\",\"115\":\"n\",\"116\":\"n\",\"117\":\"n\",\"118\":\"n\",\"119\":\"n\",\"120\":\"n\",\"121\":\"n\",\"122\":\"n\",\"123\":\"n\",\"124\":\"n\",\"125\":\"n\",\"126\":\"n\",\"127\":\"n\",\"128\":\"n\",\"129\":\"n\",\"130\":\"n\",\"131\":\"n\",\"132\":\"n\",\"133\":\"n\",\"134\":\"n\",\"135\":\"n\",\"136\":\"n\",\"137\":\"n\",\"138\":\"n\",\"139\":\"n\",\"140\":\"n\",\"141\":\"n\",\"142\":\"n\",\"143\":\"n\",\"144\":\"n\",\"145\":\"n\",\"146\":\"n\",\"147\":\"n\",\"148\":\"y\",\"149\":\"y\",\"150\":\"y\",\"151\":\"y\",\"152\":\"y\",\"153\":\"y\",\"154\":\"y\"},\"firefox\":{\"2\":\"n\",\"3\":\"n\",\"3.5\":\"n\",\"3.6\":\"n\",\"4\":\"n\",\"5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\",\"12\":\"n\",\"13\":\"n\",\"14\":\"n\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"19\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\",\"25\":\"n\",\"26\":\"n\",\"27\":\"n\",\"28\":\"n\",\"29\":\"n\",\"30\":\"n\",\"31\":\"n\",\"32\":\"n\",\"33\":\"n\",\"34\":\"n\",\"35\":\"n\",\"36\":\"n\",\"37\":\"n\",\"38\":\"n\",\"39\":\"n\",\"40\":\"n\",\"41\":\"n\",\"42\":\"n\",\"43\":\"n\",\"44\":\"n\",\"45\":\"n\",\"46\":\"n\",\"47\":\"n\",\"48\":\"n\",\"49\":\"n\",\"50\":\"n\",\"51\":\"n\",\"52\":\"n\",\"53\":\"n\",\"54\":\"n\",\"55\":\"n\",\"56\":\"n\",\"57\":\"n\",\"58\":\"n\",\"59\":\"n\",\"60\":\"n\",\"61\":\"n\",\"62\":\"n\",\"63\":\"n\",\"64\":\"n\",\"65\":\"n\",\"66\":\"n\",\"67\":\"n\",\"68\":\"n\",\"69\":\"n\",\"70\":\"n\",\"71\":\"n\",\"72\":\"n\",\"73\":\"n\",\"74\":\"n\",\"75\":\"n\",\"76\":\"n\",\"77\":\"n\",\"78\":\"n\",\"79\":\"n\",\"80\":\"n\",\"81\":\"n\",\"82\":\"n\",\"83\":\"n\",\"84\":\"n\",\"85\":\"n\",\"86\":\"n\",\"87\":\"n\",\"88\":\"n\",\"89\":\"n\",\"90\":\"n\",\"91\":\"n\",\"92\":\"n\",\"93\":\"n\",\"94\":\"n\",\"95\":\"n\",\"96\":\"n\",\"97\":\"n\",\"98\":\"n\",\"99\":\"n\",\"100\":\"n\",\"101\":\"n\",\"102\":\"n\",\"103\":\"n\",\"104\":\"n\",\"105\":\"n\",\"106\":\"n\",\"107\":\"n\",\"108\":\"n\",\"109\":\"n\",\"110\":\"n\",\"111\":\"n\",\"112\":\"n\",\"113\":\"n\",\"114\":\"n\",\"115\":\"n\",\"116\":\"n\",\"117\":\"n\",\"118\":\"n\",\"119\":\"n\",\"120\":\"n\",\"121\":\"n\",\"122\":\"n\",\"123\":\"n\",\"124\":\"n\",\"125\":\"n\",\"126\":\"n\",\"127\":\"n\",\"128\":\"n\",\"129\":\"n\",\"130\":\"n\",\"131\":\"n\",\"132\":\"n\",\"133\":\"n\",\"134\":\"n\",\"135\":\"n\",\"136\":\"n\",\"137\":\"n\",\"138\":\"n\",\"139\":\"n\",\"140\":\"n\",\"141\":\"n\",\"142\":\"n\",\"143\":\"n\",\"144\":\"n\",\"145\":\"n\",\"146\":\"n\",\"147\":\"n\",\"148\":\"n\",\"149\":\"n\",\"150\":\"n\",\"151\":\"n\",\"152\":\"n\",\"153\":\"n\",\"154\":\"n\",\"155\":\"n\",\"156\":\"n\",\"157\":\"n\",\"158\":\"n\",\"159\":\"n\",\"160\":\"n\"},\"chrome\":{\"4\":\"n\",\"5\":\"n\",\"6\":\"n\",\"7\":\"n\",\"8\":\"n\",\"9\":\"n\",\"10\":\"n\",\"11\":\"n\",\"12\":\"n\",\"13\":\"n\",\"14\":\"n\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"19\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\",\"25\":\"n\",\"26\":\"n\",\"27\":\"n\",\"28\":\"n\",\"29\":\"n\",\"30\":\"n\",\"31\":\"n\",\"32\":\"n\",\"33\":\"n\",\"34\":\"n\",\"35\":\"n\",\"36\":\"n\",\"37\":\"n\",\"38\":\"n\",\"39\":\"n\",\"40\":\"n\",\"41\":\"n\",\"42\":\"n\",\"43\":\"n\",\"44\":\"n\",\"45\":\"n\",\"46\":\"n\",\"47\":\"n\",\"48\":\"n\",\"49\":\"n\",\"50\":\"n\",\"51\":\"n\",\"52\":\"n\",\"53\":\"n\",\"54\":\"n\",\"55\":\"n\",\"56\":\"n\",\"57\":\"n\",\"58\":\"n\",\"59\":\"n\",\"60\":\"n\",\"61\":\"n\",\"62\":\"n\",\"63\":\"n\",\"64\":\"n\",\"65\":\"n\",\"66\":\"n\",\"67\":\"n\",\"68\":\"n\",\"69\":\"n\",\"70\":\"n\",\"71\":\"n\",\"72\":\"n\",\"73\":\"n\",\"74\":\"n\",\"75\":\"n\",\"76\":\"n\",\"77\":\"n\",\"78\":\"n\",\"79\":\"n\",\"80\":\"n\",\"81\":\"n\",\"83\":\"n\",\"84\":\"n\",\"85\":\"n\",\"86\":\"n\",\"87\":\"n\",\"88\":\"n\",\"89\":\"n\",\"90\":\"n\",\"91\":\"n\",\"92\":\"n\",\"93\":\"n\",\"94\":\"n\",\"95\":\"n\",\"96\":\"n\",\"97\":\"n\",\"98\":\"n\",\"99\":\"n\",\"100\":\"n\",\"101\":\"n\",\"102\":\"n\",\"103\":\"n\",\"104\":\"n\",\"105\":\"n\",\"106\":\"n\",\"107\":\"n\",\"108\":\"n\",\"109\":\"n\",\"110\":\"n\",\"111\":\"n\",\"112\":\"n\",\"113\":\"n\",\"114\":\"n\",\"115\":\"n\",\"116\":\"n\",\"117\":\"n\",\"118\":\"n\",\"119\":\"n\",\"120\":\"n\",\"121\":\"n\",\"122\":\"n\",\"123\":\"n\",\"124\":\"n\",\"125\":\"n\",\"126\":\"n\",\"127\":\"n\",\"128\":\"n\",\"129\":\"n\",\"130\":\"n\",\"131\":\"n\",\"132\":\"n\",\"133\":\"n\",\"134\":\"n\",\"135\":\"n\",\"136\":\"n\",\"137\":\"n\",\"138\":\"n\",\"139\":\"n\",\"140\":\"n\",\"141\":\"n\",\"142\":\"n\",\"143\":\"n\",\"144\":\"n\",\"145\":\"n\",\"146\":\"n\",\"147\":\"n d #1\",\"148\":\"y\",\"149\":\"y\",\"150\":\"y\",\"151\":\"y\",\"152\":\"y\",\"153\":\"y\",\"154\":\"y\",\"155\":\"y\",\"156\":\"y\",\"157\":\"y\"},\"safari\":{\"3.1\":\"n\",\"3.2\":\"n\",\"4\":\"n\",\"5\":\"n\",\"5.1\":\"n\",\"6\":\"n\",\"6.1\":\"n\",\"7\":\"n\",\"7.1\":\"n\",\"8\":\"n\",\"9\":\"n\",\"9.1\":\"n\",\"10\":\"n\",\"10.1\":\"n\",\"11\":\"n\",\"11.1\":\"n\",\"12\":\"n\",\"12.1\":\"n\",\"13\":\"n\",\"13.1\":\"n\",\"14\":\"n\",\"14.1\":\"n\",\"15\":\"n\",\"15.1\":\"n\",\"15.2-15.3\":\"n\",\"15.4\":\"n\",\"15.5\":\"n\",\"15.6\":\"n\",\"16.0\":\"n\",\"16.1\":\"n\",\"16.2\":\"n\",\"16.3\"
47:\"n\",\"16.4\":\"n\",\"16.5\":\"n\",\"16.6\":\"n\",\"17.0\":\"n\",\"17.1\":\"n\",\"17.2\":\"n\",\"17.3\":\"n\",\"17.4\":\"n\",\"17.5\":\"n\",\"17.6\":\"n\",\"18.0\":\"n\",\"18.1\":\"n\",\"18.2\":\"n\",\"18.3\":\"n\",\"18.4\":\"n\",\"18.5-18.7\":\"n\",\"26.0\":\"n\",\"26.1\":\"n\",\"26.2\":\"n\",\"26.3\":\"n\",\"26.4\":\"n\",\"26.5\":\"n\",\"26.6\":\"n\",\"27\":\"n\",\"27.1\":\"n\",\"27.2\":\"n\",\"TP\":\"n\"},\"opera\":{\"10.0-10.1\":\"n\",\"11.5\":\"n\",\"12.1\":\"n\",\"15\":\"n\",\"16\":\"n\",\"17\":\"n\",\"18\":\"n\",\"19\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\",\"25\":\"n\",\"26\":\"n\",\"27\":\"n\",\"28\":\"n\",\"29\":\"n\",\"30\":\"n\",\"31\":\"n\",\"32\":\"n\",\"33\":\"n\",\"34\":\"n\",\"35\":\"n\",\"36\":\"n\",\"37\":\"n\",\"38\":\"n\",\"39\":\"n\",\"40\":\"n\",\"41\":\"n\",\"42\":\"n\",\"43\":\"n\",\"44\":\"n\",\"45\":\"n\",\"46\":\"n\",\"47\":\"n\",\"48\":\"n\",\"49\":\"n\",\"50\":\"n\",\"51\":\"n\",\"52\":\"n\",\"53\":\"n\",\"54\":\"n\",\"55\":\"n\",\"56\":\"n\",\"57\":\"n\",\"58\":\"n\",\"60\":\"n\",\"62\":\"n\",\"63\":\"n\",\"64\":\"n\",\"65\":\"n\",\"66\":\"n\",\"67\":\"n\",\"68\":\"n\",\"69\":\"n\",\"70\":\"n\",\"71\":\"n\",\"72\":\"n\",\"73\":\"n\",\"74\":\"n\",\"75\":\"n\",\"76\":\"n\",\"77\":\"n\",\"78\":\"n\",\"79\":\"n\",\"80\":\"n\",\"81\":\"n\",\"82\":\"n\",\"83\":\"n\",\"84\":\"n\",\"85\":\"n\",\"86\":\"n\",\"87\":\"n\",\"88\":\"n\",\"89\":\"n\",\"90\":\"n\",\"91\":\"n\",\"92\":\"n\",\"93\":\"n\",\"94\":\"n\",\"95\":\"n\",\"96\":\"n\",\"97\":\"n\",\"98\":\"n\",\"99\":\"n\",\"100\":\"n\",\"101\":\"n\",\"102\":\"n\",\"103\":\"n\",\"104\":\"n\",\"105\":\"n\",\"106\":\"n\",\"107\":\"n\",\"108\":\"n\",\"109\":\"n\",\"110\":\"n\",\"111\":\"n\",\"112\":\"n\",\"113\":\"n\",\"114\":\"n\",\"115\":\"n\",\"116\":\"n\",\"117\":\"n\",\"118\":\"n\",\"119\":\"n\",\"120\":\"n\",\"121\":\"n\",\"122\":\"n\",\"123\":\"n\",\"124\":\"n\",\"125\":\"n\",\"126\":\"n\",\"127\":\"n\",\"131\":\"n\",\"132\":\"y\",\"133\":\"y\",\"134\":\"y\",\"135\":\"y\"},\"ios_saf\":{\"3.2\":\"n\",\"4.0-4.1\":\"n\",\"4.2-4.3\":\"n\",\"5.0-5.1\":\"n\",\"6.0-6.1\":\"n\",\"7.0-7.1\":\"n\",\"8\":\"n\",\"8.1-8.4\":\"n\",\"9.0-9.2\":\"n\",\"9.3\":\"n\",\"10.0-10.2\":\"n\",\"10.3\":\"n\",\"11.0-11.2\":\"n\",\"11.3-11.4\":\"n\",\"12.0-12.1\":\"n\",\"12.2-12.5\":\"n\",\"13.0-13.1\":\"n\",\"13.2\":\"n\",\"13.3\":\"n\",\"13.4-13.7\":\"n\",\"14.0-14.4\":\"n\",\"14.5-14.8\":\"n\",\"15.0-15.1\":\"n\",\"15.2-15.3\":\"n\",\"15.4\":\"n\",\"15.5\":\"n\",\"15.6-15.8\":\"n\",\"16.0\":\"n\",\"16.1\":\"n\",\"16.2\":\"n\",\"16.3\":\"n\",\"16.4\":\"n\",\"16.5\":\"n\",\"16.6-16.7\":\"n\",\"17.0\":\"n\",\"17.1\":\"n\",\"17.2\":\"n\",\"17.3\":\"n\",\"17.4\":\"n\",\"17.5\":\"n\",\"17.6-17.7\":\"n\",\"18.0\":\"n\",\"18.1\":\"n\",\"18.2\":\"n\",\"18.3\":\"n\",\"18.4\":\"n\",\"18.5-18.7\":\"n\",\"26.0\":\"n\",\"26.1\":\"n\",\"26.2\":\"n\",\"26.3\":\"n\",\"26.4\":\"n\",\"26.5\":\"n\",\"26.6\":\"n\",\"27.0\":\"n\",\"27.1\":\"n\",\"27.2\":\"n\"},\"op_mini\":{\"all\":\"n\"},\"android\":{\"2.1\":\"n\",\"2.2\":\"n\",\"2.3\":\"n\",\"3\":\"n\",\"4\":\"n\",\"4.1\":\"n\",\"4.2-4.3\":\"n\",\"4.4\":\"n\",\"4.4.3-4.4.4\":\"n\",\"154\":\"y\"},\"bb\":{\"7\":\"n\",\"10\":\"n\"},\"op_mob\":{\"12\":\"n\",\"12.1\":\"n\",\"80\":\"n\"},\"and_chr\":{\"154\":\"y\"},\"and_ff\":{\"157\":\"n\"},\"ie_mob\":{\"10\":\"n\",\"11\":\"n\"},\"and_uc\":{\"15.5\":\"n\"},\"samsung\":{\"4\":\"n\",\"5.0-5.4\":\"n\",\"6.2-6.4\":\"n\",\"7.2-7.4\":\"n\",\"8.2\":\"n\",\"9.2\":\"n\",\"10.1\":\"n\",\"11.1-11.2\":\"n\",\"12.0\":\"n\",\"13.0\":\"n\",\"14.0\":\"n\",\"15.0\":\"n\",\"16.0\":\"n\",\"17.0\":\"n\",\"18.0\":\"n\",\"19.0\":\"n\",\"20\":\"n\",\"21\":\"n\",\"22\":\"n\",\"23\":\"n\",\"24\":\"n\",\"25\":\"n\",\"26\":\"n\",\"27\":\"n\",\"28\":\"n\",\"29\":\"n\",\"30\":\"n\"},\"and_qq\":{\"14.9\":\"n\"},\"baidu\":{\"13.52\":\"n\"},\"kaios\":{\"2.5\":\"n\",\"3.0-3.1\":\"n\"}},\"bug_count\":0,\"link_count\":7,\"notes\":\"\",\"notes_by_num\":{\"1\":\"Available behind the `LazyLoadVideoAndAudio` flag (can be enabled via `chrome:\/\/flags` or `--enable-features=LazyLoadVideoAndAudio`)\"},\"ucprefix\":false,\"parent\":\"loading-lazy-attr\",\"children\":null,\"keywords\":\"lazy-loading,lazyloading,loading=\\\"lazy\\\",loading=\\\"eager\\\",video,audio,media,lazy video,lazy audio,lazy media loading,native lazyload\",\"date_published\":\"2026-03-05\",\"chrome_id\":\"5200068565139456\",\"baseCategories\":[\"HTML5\"]}\n]"};</script>
47</head> 48<body class="is-home"> 49 <div id="main" class="ciu-main-wrap"> 50 51 <header class="ciu-page-header"> 52 <nav role="navigation" id="tab-container"> 53 <ul class="ciu-page-header__primary-nav"> 54 <li class="site-nav-item js-site-nav"><a href="/" data-route="home">Home</a></li> 55 <li class="site-nav-item js-site-nav site-nav-item--news"><a href="/ciu/news" data-route="news">News</a></li> 56 </ul> 57 58 <ul class="ciu-page-header__secondary-nav"> 59 <li class="site-nav-item js-site-nav site-nav-item--comparison"><a href="/ciu/comparison" data-route="comparison">Compare<span class="site-nav__extra-text"> browsers</span></a></li> 60 <li class="site-nav-item js-site-nav site-nav-item--last "><a href="/ciu/about" data-route="about">About</a></li> 61 </ul> 62 63 <a class="news js-news" data-newstime="1772668800" href="https://caniuse.com/loading-lazy-media"><span class="date">March 5, 2026 -</span> New feature: Lazy loading via attribute for video & audio</a> </nav> 64 65 66 <section class="ciu-search"> 67 <div class="ciu-search__inner js-search"> 68 <a href="/" class="ciu-search__label">Can I use</a> 69 <form action="/" class="ciu-search__form"> 70 <label class="ciu-search__a11y-label" for="feat_search">Search</label> 71 <input type="text" class="ciu-search__input" id="feat_search" name="search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autofocus value=""> 72 <input type="hidden" name="static" value="1"> 73 </form> 74 ? 75 <button class="options-toggle js-options-toggle"> 76 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="icon"> 77 <path d="M16,8.87V7L15.74,7l-1.95-.64-.52-1.25,1-2.12L13,1.67l-.25.12-1.82.93L9.66,2.2,8.87,0H7.05L7,.26,6.33,2.21l-1.25.52L3,1.73,1.67,3l.12.25.93,1.82L2.2,6.34,0,7.13V8.95L.26,9l2,.64.52,1.25L1.73,13,3,14.33l.25-.12,1.82-.93,1.26.52L7.13,16H8.95L9,15.74l.64-2,1.26-.52,2.11,1L14.33,13l-.12-.25-.93-1.82.52-1.26ZM8,10.55A2.55,2.55,0,1,1,10.55,8,2.55,2.55,0,0,1,8,10.55Z"/> 78 </svg> 79 <span> 80 Settings 81 </span> 82 </button> 83 </div> 84 85 <div class="search-result-info js-search-result-info hidden"></div> 86 </section> 87 88 </header> 89 90 <main class="ciu-page-content js-content" data-static-id="feat"> 91 <article class="feature-block feature-block--feature static-block"> 92 <section> 93 <div class="feature-heading"> 94 <h3 class="feature-title"> 95 Lazy loading via attribute for video & audio </h3> 96 97 <a href="https://html.spec.whatwg.org/multipage/urls-and-fetching.html#lazy-loading-attributes" class="specification ls" title="WHATWG Living Standard"> 98 <i class="icon icon-spec"></i> 99 - LS </a> 100 </div> 101 102 <aside class="usage-container"> 103 <ul> 104 <li class="support-stats" data-usage-id="region.global"> 105 <h4><span class="usage-title">Global usage</span></h4> 106 <span class="support" title="Supported">64.69%</span> 107 <span> + </span> 108 <span class="partial" title="Partally Supported">0%</span> 109 <span> = </span> 110 <span class="total" title="Total">64.69%</span> 111 </li> 112 </ul> 113 </aside> 114 <div class="feature-description"><p>The <code>loading</code> attribute on video & audio elements gives authors control over when the browser should start loading the media resource, allowing deferred loading until the element is near the viewport.</p> 115</div><div class="support-container-wrap view-mode-normal" style="--container-width:1360px"><div class="support-container" style="min-width: 1360px"><div class="support-list last-era-3"><h4 class="browser-heading browser--chrome">Chrome</h4><div class="cell-filler" style="height: 0px;"></div><ol><li class="stat-cell n past" title="Global usage: 9.62% - Not supported" ><span class="forced-colors-only">â </span>4 - 146<span class="a11y-only">: Not supported</span></li><li class="stat-cell n d #1 past" title="Global usage: 0.18% - Disabled by default" ><span class="forced-colors-only">â </span>147<span class="a11y-only">: Disabled by default</span></li><li class="stat-cell y past" title="Global usage: 15.61% - Supported" ><span class="forced-colors-only">â </span>148 - 153<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" ><span class="forced-colors-only">â </span>154<span class="a11y-only">: Supported</span></li><li class="stat-cell y future" title="Global usage: 0.00% - Supported" ><span class="forced-colors-only">â </span>155 - 157<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--edge">Edge</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.70% - Not supported" ><span class="forced-colors-only">â </span>12 - 147<span class="a11y-only">: Not supported</span></li><li class="stat-cell y past" title="Global usage: 4.42% - Supported" ><span class="forced-colors-only">â </span>148 - 153<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.00% - Supported" ><span class="forced-colors-only">â </span>154<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-3"><h4 class="browser-heading browser--safari">Safari</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 2.46% - Not supported" ><span class="forced-colors-only">â </span>3.1 - 26.6<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.01% - Not supported" ><span class="forced-colors-only">â </span>27<span class="a11y-only">: Not supported</span></li><li class="stat-cell n future" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>27.1 - TP<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-3"><h4 class="browser-heading browser--firefox">Firefox</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 2.51% - Not supported" ><span class="forced-colors-only">â </span>2 - 156<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>157<span class="a11y-only">: Not supported</span></li><li class="stat-cell n future" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>158 - 160<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--opera">Opera</h4><div class="cell-filler" style="height: 30px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.28% - Not supported" ><span class="forced-colors-only">â </span>9 - 131<span class="a11y-only">: Not supported</span></li><li class="stat-cell y past" title="Global usage: 0.60% - Supported" ><span class="forced-colors-only">â </span>132 - 134<span class="a11y-only">: Supported</span></li><li class="stat-cell y current" title="Global usage: 0.01% - Supported" ><span class="forced-colors-only">â </span>135<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--ie">IE</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>5.5 - 10<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.24% - Not supported" ><span class="forced-colors-only">â </span>11<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_chr">Chrome for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell y current" title="Global usage: 44.02% - Supported" ><span class="forced-colors-only">â </span>154<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-2"><h4 class="browser-heading browser--ios_saf">Safari on iOS</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 13.21% - Not supported" ><span class="forced-colors-only">â </span>3.2 - 26.6<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>27.0<span class="a11y-only">: Not supported</span></li><li class="stat-cell n future" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>27.1 - 27.2<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--samsung">Samsung Internet</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.21% - Not supported" ><span class="forced-colors-only">â </span>4 - 29<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 1.08% - Not supported" ><span class="forced-colors-only">â </span>30<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--op_mini">Opera Mini</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>all<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--op_mob">Opera Mobile</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>10 - 12.1<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.97% - Not supported" ><span class="forced-colors-only">â </span>80<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_uc">UC Browser for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.64% - Not supported" ><span class="forced-colors-only">â </span>15.5<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--android">Android Browser</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>2.1 - 4.4.4<span class="a11y-only">: Not supported</span></li><li class="stat-cell y current" title="Global usage: 0.03% - Supported" ><span class="forced-colors-only">â </span>154<span class="a11y-only">: Supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_ff">Firefox for Android</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.38% - Not supported" ><span class="forced-colors-only">â </span>157<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--and_qq">QQ Browser</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.09% - Not supported" ><span class="forced-colors-only">â </span>14.9<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--baidu">Baidu Browser</h4><div class="cell-filler" style="height: 94px;"></div><ol><li class="stat-cell n current" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>
11513.52<span class="a11y-only">: Not supported</span></li></ol></div><div class="support-list last-era-0"><h4 class="browser-heading browser--kaios">KaiOS Browser</h4><div class="cell-filler" style="height: 62px;"></div><ol><li class="stat-cell n past" title="Global usage: 0.01% - Not supported" ><span class="forced-colors-only">â </span>2.5<span class="a11y-only">: Not supported</span></li><li class="stat-cell n current" title="Global usage: 0.00% - Not supported" ><span class="forced-colors-only">â </span>3<span class="a11y-only">: Not supported</span></li></ol></div></div></div><dl class="single-feat-resources"><dt>Resources:</dt><dd><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=2005072">Firefox support bug</a></dd><dd><a href="https://github.com/mozilla/standards-positions/issues/1325">Mozilla Standards Position (positive)</a></dd><dd><a href="https://github.com/WebKit/standards-positions/issues/586">WebKit Standards Position (positive)</a></dd><dd><a href="https://github.com/whatwg/html/pull/11980">WHATWG HTML spec PR</a></dd><dd><a href="https://groups.google.com/a/chromium.org/g/blink-dev/c/DNVOVe4VNak/m/rCcnWz8QAQAJ">Chromium Intent to Ship</a></dd><dd><a href="https://scottjehl.com/posts/lazy-media/">Blog post by Scott Jehl</a></dd></dl> </section> 116</article> 117 </main> 118 119 <aside class="bottom-ad"> 120
120<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
120 121 <!-- Bottom leaderboard --> 122 <ins class="adsbygoogle" 123 style="display:inline-block;width:728px;height:90px" 124 data-ad-client="ca-pub-3347535679733957" 125 data-ad-slot="1205929339"></ins> 126
126<script> 127 (adsbygoogle = window.adsbygoogle || []).push({}); 128 </script>
128 129</aside> 130 131 <footer class="ciu-footer"> 132 <div class="footer__section footer__primary"> 133 <h3 class="footer__heading">Can I use...</h3> 134 <p class="site-description">Browser support tables for modern web technologies</p> 135 <p>Created & maintained by <a class="external-link" href="https://front-end.social/@fyrd">@Fyrd</a>, design by <a class="external-link" href="https://mastodon.world/@lensco">@Lensco</a>.</p> 136 <p>Support data contributions by the GitHub <a class="external-link" href="https://github.com/Fyrd/caniuse/graphs/contributors">community</a>. 137 138 <p id="usage_note"> 139 Usage share statistics by <a class="external-link" href="http://gs.statcounter.com/">StatCounter GlobalStats</a> for August, 2026 </p> 140 141 <p>Location detection provided by <a class="external-link" href="//ipinfo.io">ipinfo.io</a>. 142 </p> 143 144 <p> 145 Browser testing done via 146 <a class="external-link" href="https://www.browserstack.com?ref=caniuse-source&caniuse_source=brand-asset&utm_source=caniuse&utm_medium=partnered&utm_campaigncode=701OW000008y9C1YAI" target="_blank"> 147 <img src="/img/browserstack.svg" alt="BrowserStack" width="140" height="28" loading="lazy"> 148 </a> 149 </p> 150 151 </div> 152 153 <div class="footer__section footer__patreon"> 154 <h3 class="footer__heading">Support via Patreon</h3> 155 156 <p>Become a caniuse Patron to support the site and disable ads for only $1/month!</p> 157 158 <div class="patreon-button"> 159 <a href="https://www.patreon.com/join/caniuse"> 160 <img src="/img/become_a_patron_button.png" width="163" height="38" alt="Become a Patron!" loading="lazy"> 161 </a> 162 </div> 163 <p> 164 or <a class="external-link" href="http://www.patreon.com/oauth2/authorize?response_type=code&client_id=efdd32564c7459c2c0dcd644b984e6948070b23b72961a3b9fb32ab3ad797184&redirect_uri=https%3A%2F%2Fcaniuse.com">Log in</a> 165 </p> 166 </div> 167 168 <div class="footer__section footer__links"> 169 <h3 class="footer__heading">Site links</h3> 170 <ol class="footer__list"> 171 <li class="footer__list-item"> 172 <a href="/">Home</a> 173 </li> 174 <li class="footer__list-item"> 175 <a href="/ciu/index">Feature index</a> 176 </li> 177 <li class="footer__list-item"> 178 <a href="/usage-table">Browser usage table</a> 179 </li> 180 <li class="footer__list-item"> 181 <a href="/issue-list">Feature suggestion list</a> 182 </li> 183 <li class="footer__list-item"> 184 <a href="https://github.com/fyrd/caniuse">Caniuse data on GitHub</a> 185 </li> 186 </ol> 187 </div> 188 189 <div class="footer__section footer__legend"> 190 <section class="ciu-legend js-legend"> 191 <h2 class="ciu-legend__header">Legend</h2> 192 <ul class="ciu-legend__list"> 193 <li class="ciu-legend__item"> 194 <span class="y ciu-legend__color">Green</span> 195 <span class="ciu-legend__symbol">â </span> 196 = Supported 197 </li> 198 <li class="ciu-legend__item"> 199 <span class="n ciu-legend__color">Red</span> 200 <span class="ciu-legend__symbol">â</span> 201 = Not supported 202 </li> 203 <li class="ciu-legend__item"> 204 <span class="a ciu-legend__color">Greenish yellow</span> 205 <span class="ciu-legend__symbol">â</span> 206 = Partial support 207 </li> 208 <li class="ciu-legend__item"> 209 <span class="u ciu-legend__color">Gray</span> 210 <span class="ciu-legend__symbol">ï¹</span> 211 = Support unknown 212 </li> 213 </ul> 214 </section> 215 </div> 216 </footer> 217 </div><!-- /all --> 218</body> 219</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.