<!DOCTYPE html>
<html dir="ltr" lang="en-GB">
<head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<link href="https://fonts.googleapis.com/css?family=YouTube+Sans:500" nonce="OhTIA99XiN5gOzhbwcmFug" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500" nonce="OhTIA99XiN5gOzhbwcmFug" rel="stylesheet">
<style nonce="OhTIA99XiN5gOzhbwcmFug">
* {
-webkit-box-sizing : border-box;
box-sizing : border-box
}
a,body,div,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,span,ul {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
background : transparent
}
html,body,#page,#content-container,#content,#body-wrapper {
height : 100%
}
body {
background : white;
color : #0d0d0d;
font-family : "Roboto",sans-serif;
font-weight : 400;
white-space : inherit;
overflow : inherit;
text-overflow : inherit;
-webkit-font-smoothing: antialiased
}
#header {
height : 56px;
padding : 16px 24px;
background-color : rgba(256,256,256,.98);
position : relative
}
a {
text-decoration : none;
cursor : pointer
}
#logo-icon {
position : absolute;
top : 18px;
left : 24px
}
.rtl #logo-icon {
left : auto;
right : 24px
}
#body-wrapper {
height : auto;
min-height : 100%;
padding-bottom : 65px;
position : relative
}
#main-content {
max-width : 1068px;
position : absolute;
top : 50%;
left : 50%;
margin : -178px 0 0 -534px
}
.rtl #main-content {
left : auto;
right : 50%;
margin : -178px -534px 0 0
}
#main-content.gt-four-browsers {
margin-top : -254px
}
#art {
display : inline-block;
float : left
}
.rtl #art {
float : right
}
#browsers {
display : inline-block;
margin-left : 48px;
max-width : 592px
}
.rtl #browsers {
margin-left : inherit;
margin-right : 48px
}
h1 {
font-family : "YouTube Sans",sans-serif;
font-weight : 500;
margin-bottom : 16px;
font-size : 32px;
line-height : 48px
}
p {
margin-bottom : 24px;
line-height : 21px
}
#browsers-list {
list-style : none
}
.browser {
display : inline-block;
width : 136px;
height : 136px;
margin : 0 16px 16px 0;
background : #f3f3f3;
border-radius : 4px
}
.rtl .browser {
margin : 0 0 16px 16px
}
.browser.last {
margin-right : 0
}
.rtl .browser.last {
margin-right : inherit;
margin-left : 0
}
.browser>a {
display : block;
width : 100%;
height : 100%;
padding : 16px;
color : #0d0d0d
}
.browser>a:visited {
color : #0d0d0d
}
.browser img {
margin : 0 16px 8px 16px
}
.browser h3 {
font-size : 14px;
font-weight : 500;
line-height : 16px;
text-align : center
}
#return-to-youtube {
display : inline-block;
background : #065fd4;
color : white;
font-weight : 500;
text-transform : uppercase;
text-align : center;
padding : 12px 24px;
border-radius : 4px;
margin : 16px 0
}
@media (max-width:1127px) {
#main-content {
max-width : 1030px
}
#art {
width : 390px;
height : 260px
}
#return-to-youtube {
margin : 24px 0
}
}
@media (max-width:1069px) {
#main-content {
position : relative;
top : inherit;
left : inherit;
margin : 0 auto;
max-width : 640px;
text-align : center
}
.rtl #main-content {
right : inherit;
margin : 0 auto
}
#main-content.gt-four-browsers {
margin-top : 0
}
#art,.rtl #art {
float : none
}
#browsers {
margin-bottom : 24px;
margin-left : 0
}
.rtl #browsers {
margin-left : inherit;
margin-right : 0
}
}
@media (max-width:647px) {
#main-content {
margin : 16px auto;
max-width : 440px
}
#art {
width : 360px;
height : 240px
}
#browsers-list {
margin-right : -16px;
text-align : left
}
.rtl #browsers-list {
margin-right : inherit;
margin-left : -16px;
text-align : right
}
#footer {
position : relative
}
}
@media (max-width:491px) {
#main-content {
max-width : 288px
}
h1 {
font-size : 32px;
line-height : 40px
}
#art {
width : 300px;
height : 200px
}
}
sentinel {
}
</style>
<script nonce="QXXfhfM3UIbZ1r5iYyTw_g">
if ('undefined' == typeof Symbol || 'undefined' == typeof Symbol.iterator) {
delete Array.prototype.entries;
}
</script>
</head>
<body class="ltr">
<div id="body-wrapper">
<div id="header">
<a alt="YouTube Home" href="/" id="logo" title="YouTube Home">
<img alt="YouTube" height="20px" id="logo-icon" src="https://www.youtube.com/img/desktop/supported_browsers/yt_logo_rgb_light.png">
</a>
</div>
<div id="main-content">
<img alt="" height="280px" id="art" src="https://www.youtube.com/img/desktop/supported_browsers/dinosaur.png" width="420px">
<div id="browsers">
<h1>
Your browser is up to date
</h1>
<p>
You can use YouTube's latest features.
</p>
<ul id="browsers-list">
<li class="browser">
<a href="https://www.mozilla.org/firefox/new/?utm_source=youtube.com&utm_medium=referral&utm_campaign=supported-browser">
<img alt="" height="72px" src="https://www.youtube.com/img/desktop/supported_browsers/firefox.png" width="72px">
<h3>
Mozilla Firefox
</h3>
</a>
</li>
<li class="browser">
<a href="https://www.opera.com/">
<img alt="" height="72px" src="https://www.youtube.com/img/desktop/supported_browsers/opera.png" width="72px">
<h3>
Opera
</h3>
</a>
</li>
<li class="browser last">
<a href="https://www.google.com/chrome/index.html?brand=CHNY&utm_campaign=en&utm_source=en-et-youtube&utm_medium=et">
<img alt="" height="72px" src="https://www.youtube.com/img/desktop/supported_browsers/chrome.png" width="72px">
<h3>
Google Chrome
</h3>
</a>
</li>
</ul>
<a href="https://www.youtube.com/watch?v=RV92lqhD2Pg" id="return-to-youtube">
Browse YouTube
</a>
</div>
</div>
</div>
<style nonce="OhTIA99XiN5gOzhbwcmFug">
#footer {
border-top : 1px solid #f0f0f0;
text-align : center;
padding : 16px;
margin-top : -65px;
background : white;
position : relative
}
.site-links>* {
display : inline-block;
padding : 8px 0
}
.site-link {
margin-right : 40px;
font-size : 14px;
font-weight : 500;
line-height : 16px
}
.rtl .site-link {
margin-right : inherit;
margin-left : 40px
}
.site-link a,.site-link a:visited {
color : #606060
}
.copyright {
color : #909090;
font-size : 13px
}
sentinel {
}
</style>
<div id="footer">
<ol class="site-links">
<li class="site-link">
<a href="https://www.youtube.com/about/">
About
</a>
</li>
<li class="site-link">
<a href="https://www.youtube.com/about/copyright/">
Copyright
</a>
</li>
<li class="site-link">
<a href="/t/contact_us">
Contact us
</a>
</li>
<li class="site-link">
<a href="/t/terms">
Terms
</a>
</li>
<li class="site-link">
<a href="/t/privacy">
Privacy
</a>
</li>
<li class="site-link">
<a href="https://www.youtube.com/about/policies/">
Policy & Safety
</a>
</li>
<li class="copyright">
© 2024 Google LLC
</li>
</ol>
</div>
</body>
</html>