PageSourceSearch

https://caniuse.com/loading-lazy-media

html caniuse.com collected 2026-10-01 06:16:40 UTC 30,842 bytes, 219 lines download raw bytes

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 &amp; 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="&quot;Can I use&quot; 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 &amp; 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 &amp; 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 &amp; 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.