Watch F1® Esports Series live

<!DOCTYPE html> <html lang="en"> <head> <meta name="facebook-domain-verification" content="ssb5id6huxmbz8ci68hgcj1lile3pw" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="The official F1® Sim Racing World Championship 2023 will be streaming live content throughout the tournament."> <meta name="author" content="Codemasters PLC"> <meta http-equiv="Content-Type" content="text/html;; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Watch F1® Esports Series live</title> <link rel="shortcut icon" href="/bundles/f1microsite/images/favicon.ico?2.1.2" /> <meta property="og:url" content="http://f1esports.com/live-stream" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Watch F1® Esports Series live" /> <meta property="og:description" content="The official F1® Sim Racing World Championship 2023 will be streaming live content throughout the tournament." /> <meta property="og:image" content="http://f1esports.com/bundles/f1microsite/images/favicon.ico?2.1.2" /> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-oi8o31xSQq8S0RpBcb4FaLB8LJi9AT8oIdmS1QldR8Ui7KUQjNAnDlJjp55Ba8FG" crossorigin="anonymous"> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "WebSite", "name" : "F1® Sim Racing 2024", "url" : "http://f1esports.com/live-stream" } </script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <link rel="stylesheet" href="/compiled/base.css?2.1.2" media="screen" /> <style> #f1ms-pane * { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } #f1ms-pane *:before, #f1ms-pane *:after { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } .Site-header * { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } #f1ms-menu-inner:before, .Site-header *:after { -webkit-box-sizing: content-box!important; -moz-box-sizing: content-box!important; box-sizing: content-box!important; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 13px; margin-bottom: 27px; } /* FONT SIZES */ .font8 {font-size:8px;}.font10 {font-size:10px;}.font12 {font-size:12px;}.font14 {font-size:14px;}.font16 {font-size:16px;}.font18 {font-size:18px;}.font20 {font-size:20px;}.font22 {font-size:22px;}.font24 {font-size:24px;}.font26 {font-size:26px;}.font28 {font-size:28px;}.font30 {font-size:30px;}.font32 {font-size:32px;}.font34 {font-size:34px;}.font36 {font-size:36px;}.font38 {font-size:38px;}.font40 {font-size:40px;}.font42 {font-size:42px;}.font44 {font-size:44px;}.font46 {font-size:46px;}.font48 {font-size:48px;}.font50 {font-size:50px;}.font52 {font-size:52px;}.font54 {font-size:54px;}.font56 {font-size:56px;}.font58 {font-size:58px;}.font60 {font-size:60px;}.font62 {font-size:62px;}.font64 {font-size:64px;}.font66 {font-size:66px;}.font68 {font-size:68px;}.font70 {font-size:70px;} /* PADDING */ .pad5 {padding:5px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}.pad35 {padding:35px;}.pad40 {padding:40px;}.pad45 {padding:45px;}.pad50 {padding:50px;}.pad110 {padding:110px;} .padtop3 {padding-top:3px;}.padtop5 {padding-top:5px;}.padtop10 {padding-top:10px;}.padtop15 {padding-top:15px;}.padtop20 {padding-top:20px;}.padtop25 {padding-top:25px;}.padtop30 {padding-top:30px;}.padtop35 {padding-top:35px;}.padtop40 {padding-top:40px;}.padtop45 {padding-top:45px;}.padtop50 {padding-top:50px;}.padtop60 {padding-top:60px;}.padtop70 {padding-top:70px;}.padtop80 {padding-top:80px;}.padtop90 {padding-top:90px;}.padtop100 {padding-top:100px;}.padtop110 {padding-top:110px;}.padtop120 {padding-top:120px;}.padtop130 {padding-top:130px;}.padtop140 {padding-top:140px;}.padtop150 {padding-top:150px;}.padtop160 {padding-top:160px;}.padtop170 {padding-top:170px;}.padtop180 {padding-top:180px;}.padtop190 {padding-top:190px;}.padtop200 {padding-top:200px;}.padtop25response {padding-top:25%;} .padbot5 {padding-bottom:5px;}.padbot10 {padding-bottom:10px;}.padbot15 {padding-bottom:15px;}.padbot20 {padding-bottom:20px;}.padbot25 {padding-bottom:25px;}.padbot30 {padding-bottom:30px;}.padbot35 {padding-bottom:35px;}.padbot40 {padding-bottom:40px;}.padbot45 {padding-bottom:45px;}.padbot50 {padding-bottom:50px;}.padbot60 {padding-bottom:60px;}.padbot70 {padding-bottom:70px;}.padbot80 {padding-bottom:80px;}.padbot90 {padding-bottom:90px;}.padbot100 {padding-bottom:100px;}.padbot110 {padding-bottom:110px;}.padbot120 {padding-bottom:120px;}.padbot130 {padding-bottom:130px;}.padbot140 {padding-bottom:140px;}.padbot150 {padding-bottom:150px;} .padleft5 {padding-left:5px;}.padleft10 {padding-left:10px;}.padleft15 {padding-left:15px;}.padleft20 {padding-left:20px;}.padleft25 {padding-left:25px;}.padleft30 {padding-left:30px;}.padleft35 {padding-left:35px;}.padleft40 {padding-left:40px;}.padleft45 {padding-left:45px;}.padleft50 {padding-left:50px;}.padleft60 {padding-left:60px;}.padleft70 {padding-left:70px;}.padleft80 {padding-left:80px;}.padleft90 {padding-left:90px;}.padleft100 {padding-left:100px;}.padleft110 {padding-left:110px;}.padleft120 {padding-left:120px;}.padleft130 {padding-left:130px;}.padleft140 {padding-left:140px;}.padleft150 {padding-left:150px;}.padleft200 {padding-left:200px;}.padleft300 {padding-left:300px;}.padleft400 {padding-left:400px;}.padleft500 {padding-left:500px;}.padleft550 {padding-left:550px;}.padleft600 {padding-left:600px;}.padleft700 {padding-left:700px;} .padright5 {padding-right:5px;}.padright10 {padding-right:10px;}.padright15 {padding-right:15px;}.padright20 {padding-right:20px;}.padright25 {padding-right:25px;}.padright30 {padding-right:30px;}.padright35 {padding-right:35px;}.padright40 {padding-right:40px;}.padright45 {padding-right:45px;}.padright50 {padding-right:50px;}.padright55 {padding-right:55px;}.padright60 {padding-right:60px;}.padright65 {padding-right:65px;}.padright70 {padding-right:70px;} /* RESPONSIVE PADDING */ .padtop2response {padding-top:2%;}.padtop5response {padding-top:5%;}.padtop7response {padding-top:7%;}.padtop10response {padding-top:10%;}.padtop12response {padding-top:12%;}.padtop15response {padding-top:15%;}.padtop17response {padding-top:17%;}.padtop20response {padding-top:20%;}.padtop25response {padding-top:25%;}.padtop30response {padding-top:30%;}.padtop32response {padding-top:32%;}.padtop35response {padding-top:35%;}.padtop37response {padding-top:37%;}.padtop40response {padding-top:40%;}.padtop42response {padding-top:42%;} .padleft2response {padding-left:2%;}.padleft5response {padding-left:5%;}.padleft7response {padding-left:7%;}.padleft10response {padding-left:10%;}.padleft12response {padding-left:12%;}.padleft15response {padding-left:15%;}.padleft17response {padding-left:17%;}.padleft20response {padding-left:20%;}.padleft25response {padding-left:25%;}.padleft30response {padding-left:30%;}.padleft32response {padding-left:32%;}.padleft35response {padding-left:35%;}.padleft37response {padding-left:37%;}.padleft40response {padding-left:42%;}.padleft40response {padding-left:42%;}.padleft45response {padding-left:45%;}.padleft47response {padding-left:47%;}.padleft50response {padding-left:50%;} /* MARGIN */ .mar0 {margin:0;} .martop5 {padding-top:5px;}.martop10 {margin-top:10px;}.martop15 {margin-top:15px;}.martop20 {margin-top:20px;}.martop25 {margin-top:25px;}.martop30 {margin-top:30px;}.martop35 {margin-top:35px;}.martop40 {margin-top:40px;}.martop45 {margin-top:45px;}.martop50 {margin-top:50px;} .marbot5 {margin-bottom:5px;}.marbot10 {margin-bottom:10px;}.marbot15 {margin-bottom:15px;}.marbot20 {margin-bottom:20px;}.marbot25 {margin-bottom:25px;}.marbot30 {margin-bottom:30px;}.marbot35 {margin-bottom:35px;}.marbot40 {margin-bottom:40px;}.marbot45 {margin-bottom:45px;}.marbot50 {margin-bottom:50px;} .marleft5 {margin-left:5px;}.marleft10 {margin-left:10px;}.marleft15 {margin-left:15px;}.marleft20 {margin-left:20px;}.marleft25 {margin-left:25px;}.marleft30 {margin-left:30px;}.marleft35 {margin-left:35px;}.marleft40 {margin-left:40px;}.marleft45 {margin-left:45px;}.marleft50 {margin-left:50px;} .marright5 {margin-right:5px;}.marright10 {margin-right:10px;}.marright15 {margin-right:15px;}.marright20 {margin-right:20px;}.marright25 {margin-right:25px;}.marright30 {margin-right:30px;}.marright35 {margin-right:35px;}.marright40 {margin-right:40px;}.marright45 {margin-right:45px;}.marright50 {margin-right:50px;} /* WEIGHTS */ .light {font-weight:300;} .reg {font-weight:400;} .semi_bold {font-weight:600;} .bold {font-weight:700; } .xbold {font-family:800; } /* CASE */ .upper {text-transform:uppercase; } .lower {text-transform:lowercase; } /* TEXT POSITION */ .center {text-align:center;} /* FLOAT POSITION */ .float_right {float:right;} .float_left {float:left;} .float_center {margin:0 auto; } /*************************** COOKIE BOX ***************************/ #cookie_box { position: fixed; display: none; bottom: 0px; font-size: 0.8em; z-index: 1000; background:#393939; padding:5px; text-align:center; width:100%; color:#ffffff; } #cookie_box a:hover { color:#ffffff; text-decoration: underline } .cookie_box_close { font-family: "bentonsans"; font-size: 12px; color: #fff; background: #e10600; border: none; text-decoration: none; cursor: pointer; padding: 8px 15px; border: 0px none; text-transform: uppercase; border-radius: 5px; letter-spacing: .5px; float: right; margin: 55px 10px; white-space: nowrap; } /*Cookie Consent End*/ </style>  <link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,700" rel="stylesheet"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="/bundles/f1microsite/js/picturefill.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.regular.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.solid.min.js?2.1.2"></script> <script type="text/javascript" src="/bundles/f1microsite/js/fontawesome.brands.min.js?2.1.2"></script> <script src="/bundles/fosjsrouting/js/router.js?2.1.2"></script> <script src="/js/routing?callback=fos.Router.setData"></script> <script type="text/javascript"> $(document).ready(function() { /****************** COOKIE NOTICE ******************/ if(getCookie('show_cookie_message') != 'no') { $('#cookie_box').show(); } $('.cookie_box_close').click(function() { $('#cookie_box').animate({opacity:0 }, "slow"); setCookie('show_cookie_message','no'); return false; }); }); function setCookie(cookie_name, value) { var exdate = new Date(); exdate.setDate(exdate.getDate() + (365*25)); document.cookie = cookie_name + "=" + escape(value) + "; expires="+exdate.toUTCString() + "; path=/"; } function getCookie(cookie_name) { if (document.cookie.length>0) { cookie_start = document.cookie.indexOf(cookie_name + "="); if (cookie_start != -1) { cookie_start = cookie_start + cookie_name.length+1; cookie_end = document.cookie.indexOf(";",cookie_start); if (cookie_end == -1) { cookie_end = document.cookie.length; } return unescape(document.cookie.substring(cookie_start,cookie_end)); } } return ""; } $(function() { $('#modal .close-button').click(closeLogin); $('#modal-overlay').click(closeLogin); }); function closeLogin() { var modal = document.querySelector("#modal"); var modalOverlay = document.querySelector("#modal-overlay"); modal.classList.toggle("closed"); modalOverlay.classList.toggle("closed"); return false; }; function openLogin() { $('.modal-guts').html('<iframe src="" title="login" width="400" height="300">' + '<p>Your browser does not support iframes. Please <a href="/login" title="login">login here</a> instead.</p>' + '</iframe>'); var path = '/login'; $('.modal-guts iframe').attr('src', path); openModal(); }; function openModal() { var modal = document.querySelector("#modal"); var modalOverlay = document.querySelector("#modal-overlay"); modal.classList.toggle("closed"); modalOverlay.classList.toggle("closed"); }; function removeCookies() { var res = document.cookie; var multiple = res.split(";"); for(var i = 0; i < multiple.length; i++) { var key = multiple[i].split("="); document.cookie = key[0]+" =; expires = Thu, 01 Jan 1970 00:00:00 UTC"; } } $(function() { loadCookieAgreement(); $('.onoffswitch-checkbox').change(toggleCookieAgreement); }); function loadCookieAgreement() { if ($.cookie('F1ESOK') == 1) $('.onoffswitch-checkbox').prop("checked", true); } function toggleCookieAgreement() { if ($(this).prop("checked")) { $.cookie('F1ESOK', 1); //user has agreed } else { $.cookie('F1ESOK', 0); //user has refused } } $(function() { loadCookieAgreement2(); $('#onoffswitch-funct').change(toggleCookieAgreement); }); function loadCookieAgreement2() { if ($.cookie('F1ESOK') == 1) $('#onoffswitch-funct').prop("checked", true); } function toggleCookieAgreement2() { if ($(this).prop("checked")) { $.cookie('F1ESFUNOK', 1); //user has agreed } else { $.cookie('F1ESFUNOK', 0); //user has refused } } $(function() { loadCookieAgreement2(); $('#onoffswitch-advert').change(toggleCookieAgreement); }); function loadCookieAgreement2() { if ($.cookie('F1ESOK') == 1) $('#onoffswitch-advert').prop("checked", true); } function toggleCookieAgreement2() { if ($(this).prop("checked")) { $.cookie('F1ESADOK', 1); //user has agreed } else { $.cookie('F1ESADOK', 0); //user has refused } } </script> <style> .truste_box_overlay { position: absolute; z-index: 3999998; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 5px; padding: 10px; background: url(https://downloads.f1esports.com/web-assets/img/trans.png); width: 80%; max-width: 660px; min-width: 220px; margin: 20px auto; box-sizing: content-box; height: 560px; } .popup-overlay { /*Hides pop-up when there is no "active" class*/ visibility: hidden; position: absolute; width: 50%; height: 50%; left: 25%; } .popup-overlay.active-cookie { /*displays pop-up when "active" class is present*/ visibility: visible; text-align: center; position:fixed; z-index:99999; } .popup-content { /*Hides pop-up content when there is no "active" class */ visibility: hidden; } .popup-content.active-cookie { /*Shows pop-up content when "active" class is present */ visibility: visible; } .mainHeader h1 { display: inline-block; font-family: 'F1-Regular-Bold'; font-size: 14px; margin-bottom: 13px; letter-spacing: 0; line-height: 17px; } .mainHeader .logo { width: 160px; margin: 0 auto; } @media screen and (max-width: 767px) .mainContent .mainHeader p { font-size: 13px; text-align: justify; } .mainContent p { color: #38383f; margin: 11px 0; text-align: justify; font-size: 13px; letter-spacing: 0; line-height: 18px; } .mainContent { padding: 20px 20px 0 20px; direction: ltr; } .onoffswitch { position: relative; width: 65px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 9px; margin: 0; padding: 0; text-align: left; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 19px; padding: 0; line-height: 19px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #FF1000; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0.5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 45px; border: 2px solid #999999; border-radius: 9px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .button-container {float:right;} *:focus { outline: 0; } .button-container { float: right; /* text-align: right; */ padding-left: 15px; } </style> <div class="popup-overlay"> <div id="pop-div004451934926997936" class="popup-content truste_overlay" style="background-color: rgb(0, 0, 0); opacity: 0.6; position: fixed; z-index: 2999998; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden;"></div> <div id="pop-div208742082765859844" class="popup-content truste_box_overlay" style="position: absolute; z-index: 3999998; top: 0px; left: 0px; bottom: 0px; right: 0px; border-radius: 5px; padding: 10px; background: url('https://downloads.f1esports.com/web-assets/img/trans.png'); width: 80%; max-width: 660px; min-width: 220px; margin: 20px auto; box-sizing: content-box; height: 560px;"> <div id="pop-div304465914550132233" class="truste_box_overlay_inner" role="dialog" aria-label="Your choices regarding the use of cookies on this site" style="position: relative; width: 100%; height: 560px; outline: none;"> <img src="https://downloads.f1esports.com/web-assets/img/transparent.png" alt="transparent background" style="display: block; width: 100%; height: 100%;"> <div id="pop-frame048512826193251013" title="F1Esports Cookie Consent Manager"scrolling="no" style="border: 0px; border-radius: 2px; overflow: hidden; background: rgb(255, 255, 255); display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 560px;"> <div> <div class="mainContent" aria-hidden="false" style=""> <div class="gdpr"><div class="mainHeader consentHeader"> <div class="logo"><img alt="Logo" src="https://downloads.f1esports.com/web-assets/img/f1-logo.png" style="width: 100%;"></div> <h1><span style="color:#15151e;">Cookies and Related Technologies on This Site</span></h1> <p>Please choose whether this site may use cookies or related technologies (“Cookies”) as described below. You can learn more about how this site uses cookies and related technologies by reading our privacy policy linked below.</p> </div> <div aria-hidden="true" style="display: none;"></div> <div class="prefPanel"> <div tabindex="0" role="group" aria-label="Required Cookies. These cookies are required to enable core site functionality."> <div class="cookiecat"> <span class="gwt-InlineHTML"><h3>Required Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies are required to enable core site functionality.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="button-container"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch"> <label class="onoffswitch-label" for="myonoffswitch"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> <div></div> <span class="gwt-InlineHTML"><h3>Functional Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies allow us to analyze site usage so we can measure and improve performance.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch-funct" class="onoffswitch-checkbox" id="myonoffswitch1"> <label class="onoffswitch-label" for="myonoffswitch1"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> <div></div> <span class="gwt-InlineHTML"><h3>Advertising Cookies</h3></span> <div class="row"> <div class="col-sm-12 col-md-9"> <div class="text-container-cookies"> <span class="gwt-InlineHTML">These cookies are used by advertising companies to serve ads that are relevant to your interests.</span> </div> </div> <div class="col-sm-12 col-md-2"> <div class="button-container"> <div class="onoffswitch"> <input type="checkbox" name="onoffswitch-advert" class="onoffswitch-checkbox" id="myonoffswitch2"> <label class="onoffswitch-label" for="myonoffswitch2"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> <div><br></div> </div> </div> </div> <div class="optedOutMessage hidden"></div> <div class="warningMessage warningMessageHttps warningMessageOptoutFailed" tabindex="0" aria-hidden="true" style="display: none;"><div class="gwt-HTML">Some opt-outs failed. Opt-out requests responded with error or timeout. Please try again</div></div> <div aria-hidden="true" style="display: none;"></div> <div class="pdynamicbutton" style="visibility: visible;"><div aria-hidden="true" tabindex="0" class="warningMessage warningMessageHttps" style="display: none;"></div> <div class=""></div> </div></div></div> <div aria-hidden="true" tabindex="0" class="warningMessage" style="display: none;"></div> <div class="footer" role="contentinfo" aria-hidden="false" style=""><div class="privacy-content" style="padding-top:10px;"> <a id="privacyPolicyAnchor" href="https://f1esports.com/legal-notice#cookies" target="_blank"><span style="padding-left:0px;height:20px;vertical-align:middle">Privacy Policy</span></a></div> <div class="center"><select class="gwt-ListBox" aria-hidden="true" style="display: none;"></select></div> <div></div> <div></div> <br class="spacing"></div></div> </div> <div id="closebtn-id0.07237882238832216" style="position: absolute; top: -20px; right: -20px;"> <a aria-label="close button" role="button" tabindex="1" style="cursor: pointer;"> <img id="pop-close-cookies" alt="close button" src="https://downloads.f1esports.com/web-assets/img/closebtn.png" style="border: 0px;"> </a> </div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/f1esports/css/news.css" media="screen" /> <link rel="stylesheet" href="/bundles/f1microsite/css/YouTubePopUp.css?2.1.2" media="screen" /> <script type="text/javascript" src="/bundles/f1microsite/js/jquery.youtube.popup.js?2.1.2"></script> <script type="text/javascript"> $(function() { $('#videos li').each(function() { $("a", this).YouTubePopUp(); }); }); </script> <script type="text/javascript" src="/bundles/f1microsite/js/jquery.countdown.min.js?2.1.2"></script> <style type="text/css"> .f1ms-cta-white-btn { width: 200px; background: #fff; color: #000 !important; border-radius: 5px; text-transform: uppercase; font-size: 14px; height: 36px; outline: 0; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; cursor: pointer; margin: 0 auto; display: block; margin-top: 50%; text-decoration: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; white-space: nowrap; min-width: 130px; line-height: 36px; } .login-button-container { margin:12px; } .col-md-4.arrow { width: 30%; } .facebook-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .facebook-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; } .stream-container { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .facebook-container iframe { left:0; top:0; height:100%; width:100%; position:absolute; } /* TEXT POSITION */ .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} /* FLOAT POSITION */ .float_right {float:right;} .float_left {float:left;} .float_center {margin:0 auto; } .countdown-text { font-size:12px; position:relative; top: 11px; } .h2, .h3, h2, h3 { margin-top: 0px; margin-bottom: 0px; } .community-header { margin-bottom: 39px; text-align: center; } .next-live-event { display:inline-flex; font-family: 'F1-Regular'; text-align:center; font-size: 23px; margin-top:7px; } .next-live-event-2 { display:inline-flex; font-family: 'F1-Regular'; text-align:center; font-size: 23px; margin-bottom:14px; } .event-number{ font-size:33px; text-align:center; margin-bottom:10px; } .date-container { text-align: center; font-family: 'F1-Regular'; } #container{width:100%; text-align:center;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} .event-container { min-width:275px; margin-left:25px; margin-right:25px; margin-right:25px; } .dates { padding-bottom: 5px; } .key { font-weight:bold; } .schedule-container { background-color: rgba(255, 25, 0, 0.88); /* background-size: cover; */ clear: both; padding-top: 35px; padding-bottom: 15px; overflow: hidden; color: #fff; min-height: 223px; } .event-background { background: url(/bundles/f1microsite/images/f12017-baku.jpg) center no-repeat; background-size: cover; clear: both; overflow: hidden; } #home-leaderboard { background: url(/bundles/f1microsite/images/leaderboard.jpg) 0 0 no-repeat; background-size: cover; clear: both; overflow: hidden; } h2 span { color: #ff1900; } .f1ms-cta-link { display: block; margin: 30px auto; color: #ff1900!important; font-size: 16px; text-decoration: none; font-weight: bold; max-width: 130px; text-align: center; } #home-leaderboard #imagewrap { margin:0 auto; color:white; padding: 50px 20px 20px 20px; background: rgba(41,41,41,0.9); } .stream-placeholder { max-width: 1550px; text-align: center; color: white; text-transform: uppercase; font-family: 'bentonsans'; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stream-placeholder:after { padding-top: 0; display: block; content: ''; } .stream-placeholder p { display: block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 24px; width: 270px; right: 0; font-size: 28px; } #video_embed { height:260px; } #chat_embed { height:320px; width:100%; } .video-container { position: relative; clear:both; border-bottom-right-radius: 20px; overflow:hidden; } #home-news-inner { max-width:1600px; } #home-news ul#videos li a { max-height:350px; } #home-news ul li a:hover .video-btn { background-color: rgba(115, 133, 159, 0.5); } #home-news ul li a h3 { padding: 10px; text-align: center; } .video-btn { position: absolute; top: 50%; left: 50%; opacity: 1; border: 1px solid #fff; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; color: white; font-size: 14px; height: 36px; width: 70px; margin: -18px 0 0 -35px; cursor:pointer; } @media (min-width: 768px) { #video_embed { height:410px; } #chat_embed { height:350px; } #home-leaderboard #imagewrap { padding: 50px 20px 20px 20px; } } @media (min-width: 1024px) { #video_embed { height:500px; } #chat_embed { position: absolute; right: 0; top: 0; height:500px; width:350px; } .stream-placeholder { margin: 45px auto 35px auto; } } @media (min-width: 1200px) { #video_embed { height:660px; } #chat_embed { height:660px; } } @media only screen and (max-width: 991px) { .col-md-4.arrow { width:97.3%; } } </style> <script type="text/javascript"> if( (self.parent && !(self.parent===self)) &&(self.parent.frames.length!=0)){ self.parent.location=document.location } </script> <script type="text/javascript"> if(document.referrer.indexOf("f1deck.com") != -1) { window.location = "http://www.youtube.com/watch_popup?v=oHg5SJYRHA0"; } </script>  <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "26086230" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=26086230&cv=2.0&cj=1" /> </noscript>   <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:947507,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> </head> <body class="Site"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-104919384-1', 'auto'); ga('send', 'pageview'); </script> <header class="Site-header"> <style> //// NEW ONE //// .global-header { height:45px; z-index: 500; display: inline-flex; } #f1ms-menu { top: 39px; } .fia-logo { width:35px; opacity:.4; } /*Filter styles*/ .saturate { filter: saturate(3); } .grayscale { filter: grayscale(100%); } .contrast { filter: contrast(160%); } .brightness { filter: brightness(0.25); } .blur { filter: blur(3px); } .invert { filter: invert(100%); } .sepia { filter: sepia(100%); } .huerotate { filter: hue-rotate(180deg); } .rss.opacity { filter: opacity(50%); } .fia-container { float:left; } .formula-titles { list-style: none; display: inline-block; float:left; } .global-links { float: right; margin-top: 3px; } .f1-tv-logo-container { float: right; margin-top: 7px; } .f1-tv-logo { } .global-link-item { display:inline-block; } .global-header .f2-f3-nav a { font-family: F1-Regular-Bold; font-size: 12px; margin-right: 20px; color: #949498; } .f2-f3-nav { margin-left:8px; margin-top:8px; } .fia-logo-container { margin-top:8px; margin-right:9px; } .global-header .global-links li a { font-size: 14px; letter-spacing: .2px; display: block; color: #15151e; position: relative; padding: 10px 10px 10px 0; margin: 3px 13px; border: solid 1px #d0d0d2; border-top: 0; border-left: 0; border-bottom-right-radius: 10px; line-height: 23px; } @media (min-width: 889px) { .global-header .global-links li a { font-size: 12px; border: none; padding: 2px 0 6px; } .global-header a { font-weight: 600; } .global-header .global-links li.f1tv a:after, .global-header .global-links li.f1tv a:before { content: ""; height: 25px; width: 1px; display: block!important; background-color: #d0d0d2!important; position: absolute; top: 50%; transform: translateY(-50%); margin-right:5px; } .global-header .global-links li a:active, .global-header .global-links li a:focus, .global-header .global-links li a:hover { color: #e10600!important; text-decoration: underline!important; } } .global-header a { display: block; font-family: "Titillium Web",Helvetica,sans-serif; font-weight: 600; text-transform: uppercase; } a:focus, a:hover { text-decoration:none!important; } @media (max-width: 888px) { .global-header {display:none!important;} #f1ms-menu {top:0!important;} } .global-header { z-index: 99999; position: relative; background-color: #fff; /* display: block; */ /* position: absolute; */ width: 100%; } </style> <div class="global-header"> <div class="fluid_container">  <div class="formula-titles"> <div class="divider-line"></div> <div class="f2-f3-nav global-link-item"> <ul> <li class="global-link-item" style="margin-left:18px!important;"> <a href="https://formula1.com" class="f2f3-black"> <span>F1<sup>®</sup></span> </a> </li> <li class="global-link-item" > <a class="f2f3-grey" href="http://www.fiaformula2.com/" target="_blank"> <span>F2<sup>™</sup></span> </a> </li> <li class="global-link-item" > <a class="f2f3-grey" href="http://www.fiaformula3.com/" target="_blank"> <span>F3<sup>™</sup></span> </a> </li> </ul> </div> </div> <div class="f1-tv-logo-container"> <div class="f1-tv-logo"> </div> </div> <div class="global-links"> <ul class="global-link-list"> <li class="global-link-item" ><a href="https://www.f1authentics.com/" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Authentics<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://f1store.formula1.com/en/?_s=bm-fi-f1-prtsite-gaming-230720-jm" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Store<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://tickets.formula1.com" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Tickets<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://tickets.formula1.com/en/h-formula1-hospitality" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Hospitality<span class="icon icon-chevron-right"></span></a></li> <li class="global-link-item" ><a href="https://f1experiences.com/calendar-of-events" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Experiences<span class="icon icon-chevron-right"></span></a></li> <li class=" global-link-item f1tv"> <a href="https://f1tv.formula1.com/en/" data-locationinpage="navigation" data-pathtype="external" target="“_blank”"> <img src="https://www.formula1.com/etc/designs/fom-website/images/f1-tv-logo.svg" alt="F1 TV Logo" width="72" height="12" style="padding-left: 24px;padding-right: 24px;"> </a> </li> </ul> </div> </div> </div> <style> .global-nav-mob { background-color: #ffffff; } ul.expand { background-color: #000; } </style> <div id="f1ms-menu"> <div id="f1ms-menu-inner"> <ul id="desktop-menu"> <li class="has-sub "> <a href="#" title="World Championship" id="pro-series">World Championship</a> <ul> <li> <a href="/world/results/2023" title="World Championship Results">Results</a> </li> <li> <a href="/world-championship/teams" title="World Championship Teams">Teams</a> </li> <li> <a href="/world-championship" title="World Championship Guide">Guide</a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="Challengers" id="challenger-series">Challengers</a> <ul> <li> <a href="/challenger/results/2022" title="Challenger Series Results">Results</a> </li> <li> <a href="/challenger/drivers/2022" title="Challenger Series Drivers">Drivers</a> </li> <li> <a href="/challengers" title="Challenger Series Guide">Guide</a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="Qualification" id="qualification">Qualification</a> <ul> <li> <a href="/qualification/results/2023" title="'23 Qualification Results">Results</a> </li>  <li> <a href="/qualification" title="Qualification Guide">Guide</a> </li> </ul> </li> <li class=''> <a href="/news" title="Go to news">News</a> </li> <li class="has-sub "> <a href="#" title="Watch the F1 Esports Series" id="qualification">Watch</a> <ul> <li class="has-subs "> <a href="/videos" title="Go to videos">Videos</a> </li> <li class='active'> <a href="/live-stream" title="Go to live stream">Live<span> Stream</span></a> </li> </ul> </li> <li class="has-sub "> <a href="#" title="About the F1 Esports Series" id="qualification">About</a> <ul> <li class='has-subs '> <a href="/about" title="About the F1 Esports Series">About</a> </li> <li class='has-subs '> <a href="/information" title="Go to tournament guide"><span>Tournament </span>Guide</a> </li> </ul> </li> </ul> <a href="#" title="Open main menu" id='responsive-menu-toggle'>Main menu</a> <div id="responsive-menu"> <ul> <li> <a href="/news" title="Go to news">News</a> </li> <li> <a href="/world/results/2023" title="2023 Results">World Championship Results</a> </li> <li> <a href="/world-championship/teams" title="Go to team profiles">World Championship Teams</a> </li> <li> <a href="/world-championship" title="About the F1 Esports World Championship">Pro Championship Guide</a> </li> <li> <a href="/challengers" title="F1 Esports: Challengers">Challengers</a> </li> <li> <a href="/challenger/results/2022" title="F1 Esports: Challengers Results">Challengers Results</a> </li> <li> <a href="/challenger/drivers/2022" title="F1 Esports: Challengers Results">Challengers Drivers</a> </li> <li> <a href="/qualification/results/2023" title="2023 Results">Qualification Results</a> </li> <li> <a href="/qualification" title="About the F1 Esports Series Qualification">Qualification Guide</a> </li> <li> <a href="/videos" title="Go to videos">Videos</a> </li> <li> <a href="/live-stream" title="Go to live stream">Live Stream</a> </li> <li> <a href="/about" title="About the F1 Esports Series">About The Series</a> </li> <li> <a href="/information" title="Go to tournament info">Tournament Guide</a> </li> <div class="global-nav-mob"> <li class="has-image show-nav"> <a href="https://f1tv.formula1.com/en/" data-locationinpage="navigation" data-pathtype="external" target="“_blank”"> <img src="https://www.formula1.com/etc/designs/fom-website/images/f1-tv-logo.svg" alt="F1 TV Logo" width="72" height="12"><span class="icon icon-chevron-right"></span> </a> </li> <li class="show-nav"><a href="https://www.f1authentics.com/" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Authentics<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://f1store2.formula1.com/en/?_s=bm-fi-f1-prtsite-topnav-230720-jm" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Store<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://tickets.formula1.com" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Tickets<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://tickets.formula1.com/en/h-formula1-hospitality" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Hospitality<span class="icon icon-chevron-right"></span></a></li> <li class="show-nav"><a href="https://f1experiences.com/calendar-of-events" target="_blank" rel="noopener" data-locationinpage="navigation" data-pathtype="external">Experiences<span class="icon icon-chevron-right"></span></a></li> </div> </ul> </div> <a href="/login" title="Log in" id='f1-user'>Profile</a> <a href="/" title="Go to homepage" id='f1-logo'>Homepage</a> </div> </div> </header> <style> .news-bar { transition: all .15s ease-in-out; position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: rgba(000,000,000,.7); z-index:500; } .close-button { color: #000; float: left; position: relative; margin-left: 32px; margin-top: 18px; border-radius: 50%; background-color: #fff; width: 20px; height: 20px; text-align: center; } .register-news { width: 200px; background: #fff; color: #000 !important; border-radius: 5px; text-transform: uppercase; font-size: 14px; height: 36px; outline: 0; font-family: 'Titillium Web', sans-serif; letter-spacing: 1px; cursor: pointer; margin: 0 auto; display: block; text-decoration: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; white-space: nowrap; min-width: 130px; line-height: 36px; } @media (max-width: 888px) { #f1ms-menu ul li a { text-transform: uppercase; text-align: left; border-right: 1px solid #9a9999; border-bottom: 1px solid #9a9999; margin-right: 25px; margin-top: 5px; border-bottom-right-radius: 21px; margin-bottom: 5px; margin-left:5px; } } </style> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.0.min.js" integrity="sha256-mBCu5+bVfYzOqpYyK4jm30ZxAZRomuErKEFJFIyrwvM=" crossorigin="anonymous"></script> <script> function F1EsportsNewsBar(){ days=30; myDate = new Date(); myDate.setTime(myDate.getTime()+(days*24*60*60*1000)); document.cookie = 'F1EsportsNewsBar=Accepted; expires=' + myDate.toGMTString(); } var cookie = document.cookie.split(';') .map(function(x){ return x.trim().split('='); }) .filter(function(x){ return x[0]==='F1EsportsNewsBar'; }) .pop(); if(cookie && cookie[1]==='Accepted') { $("#newsbar").hide(); } $('.close-button a').on('click', function(){ F1EsportsNewsBar(); return false; }); </script> <script type="text/javascript"> jQuery(function($){ $('#responsive-menu-toggle').click(function(){ $(this).toggleClass('open'); $('#responsive-menu > ul').toggleClass('expand'); return false; }); //$("#responsive-menu > a").focusout(function() { //if (!$('#responsive-menu ul a').is(':focus')) { // alert($(":focus").attr('title')); // $('#responsive-menu > a').toggleClass('open'); // $('.responsive-menu').toggleClass('expand'); //} //}); }); </script> <main class="Site-content"> <div id="f1ms-body"> <section id="home-leaderboard"> <div id="imagewrap"> <div id="home-leaderboard-inner"> <div class="stream-placeholder" style="display:flex;"> <iframe src="https://player.twitch.tv/?channel=Formula1&parent=f1esports.com" width="80%" muted="true" height="700px" frameborder="0" scrolling="no" allowfullscreen="true"> </iframe> <div class="login-button-container" id="chat_embed"> <a class="f1ms-cta-white-btn" href="/login" id="frontpagebutton" title="Watch the F1Esports Series">Login to chat</a> </div> </div> </div> </div> </section> <style> .interactive-container { background-color:#000000; } </style> <div class="event-background"> <section class="schedule-container"> <div class="container"> <div class="row padbot25"> <div class="col-md-12"> <center> <h1>Upcoming Events</h1> </center> </div> <div class="col-md-12 center"> <h2 class="next-live-event"> The F1® Sim Racing World Championship 2023 Event 3 gets underway in </h2><br><br> <h3 class="next-live-event-2"> <div id="countdown-d"></div><span class="countdown-text">d</span>  <div id="countdown-h"></div><span class="countdown-text">h</span>  <div id="countdown-m"></div><span class="countdown-text">m</span>  <div id="countdown-s"></div><span class="countdown-text">s</span> </h3> <script type="text/javascript"> $("#countdown-d") .countdown("2024/05/07 15:00 UTC", function(event) { $(this).text( event.strftime('%D') ); }); $("#countdown-h") .countdown("2024/05/07 15:00 UTC", function(event) { $(this).text( event.strftime('%H') ); }); $("#countdown-m") .countdown("2024/05/07 15:00 UTC", function(event) { $(this).text( event.strftime('%M') ); }); $("#countdown-s") .countdown("2024/05/07 15:00 UTC", function(event) { $(this).text( event.strftime('%S') ); }); //$("#countdown-x") //.countdown("2024/05/07 15:00 UTC", function(event) { //$(this).text( //event.strftime('%D days %H:%M:%S') //); //}); </script> </div>    </div> </div> </section> </div> <section id="home-news"> <div class="video-list-container"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="community-header" style="margin-top:50px;">F1® Sim Racing YouTube</h2> </div> </div> <div class="row"> <div class="col-md-12"> <div class="videoWrapper" style="margin-bottom:30px;"> <iframe width="560" height="349" src="https://www.youtube.com/embed?listType=playlist&list=PLz4ExOPxDN0KbEpVnWNiLzR3UTuJtO1z3" frameborder="0" allowfullscreen></iframe> </div> </div>  <style> .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </div> </div> <div class="thingy" style="margin-bottom:50px;"> <div class="row"> <div class="videos"> <div class="col-md-12"> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='0' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='1' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='2' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='3' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='4' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='5' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='6' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='7' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='8' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='9' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='10' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> <div class="col-md-4"> <iframe class="latestVideoEmbed" vnum='11' width="100%" height="340" frameborder="0" allowfullscreen></iframe> </div> </div> </div> </div> </div> <script> const loadVideo = (iframe) => { const cid = "UCpWvIVpcyW0mWv4xAWNda5Q"; const channelURL = encodeURIComponent(`https://www.youtube.com/feeds/videos.xml?channel_id=${cid}`) const reqURL = `https://api.rss2json.com/v1/api.json?rss_url=${channelURL}`; fetch(reqURL) .then(response => response.json()) .then(result => { console.log(result) const videoNumber = iframe.getAttribute('vnum') const link = result.items[videoNumber].link; const id = link.substr(link.indexOf("=") + 1); iframe.setAttribute("src", `https://youtube.com/embed/${id}?controls=1&autoplay=1`); }) .catch(error => console.log('error', error)); } const iframes = document.getElementsByClassName('latestVideoEmbed'); for (let i = 0, len = iframes.length; i < len; i++) { loadVideo(iframes[i]); } $(document).ready(function() { autoPlayYouTubeModal(); }); function autoPlayYouTubeModal() { var trigger = $('.trigger'); trigger.click(function(e) { e.preventDefault(); var theModal = $(this).data("target"); var videoSRC = $(this).attr("src"); var videoSRCauto = videoSRC + "?autoplay=1"; $(theModal + ' iframe').attr('src', videoSRCauto); $(theModal).on('hidden.bs.modal', function(e) { $(theModal + ' iframe').attr('src', ''); }); }); }; </script> </section> </div> </main> <footer class="Site-footer"> <div class="upper-wrapper"> <div class="wrapper-inner"> <div class="calender-wrapper">  </div> <div class="social-media-wrapper"> <div class="social-media-table"> <div class="social-media-cell facebook-cell"> <a href="https://www.facebook.com/f1esports" target="_blank" title="Follow F1Esports on Facebook - opens in a new window"><i class="fab fa-facebook social-icon"></i></a> </div> <div class="social-media-cell twitter-cell"> <a href="https://twitter.com/f1esports" target="_blank" title="Follow F1Esports on Twitter - opens in a new window"><i class="fab fa-twitter-square social-icon"></i></a> </div> <div class="social-media-cell youtube-cell"> <a href="https://www.youtube.com/F1esportsofficial" target="_blank" title="Follow F1Esports on Youtube - opens in a new window"><i class="fab fa-youtube social-icon"></i></a> </div> <div class="social-media-cell instagram-cell"> <a href="https://www.instagram.com/f1esports/" target="_blank" title="Follow F1Esports on Instagram - opens in a new window"><i class="fab fa-instagram social-icon"></i></a> </div> </div> </div> </div> </div> <div class="splash-footer"> <div class="fluid-container"> <div class="row no-gutters"> <div class="col-md-4 no-gutters"> <div class="f1esports-container"> <a href="https://www.f1esports.com/" title="F1 Esports website" target="_blank"> <img src="/bundles/f1microsite/images/esports-white.png?2.1.2" alt="Formula 1 esports series logo" class="f1esports-logo-footer" usemap="#newbalance" /> </a> </div> </div> <div class="col-md-4 no-gutters"> <div class="sponsors-container"> <a href="https://www.saudiaramco.com/" target="_blank"> <img src="https://downloads.f1esports.com/Images/aramco-presenting.png" class="sponsor-logos-aramco" alt="Aramco Presents"> </a> <img src="https://downloads.f1esports.com/Images/dhl-fanatec-logo.png" class="sponsor-logos" alt="F1Esports Sponsors" usemap="#f1esports-sponsors"> <map name="f1esports-sponsors"> <area shape="rect" coords="0,0,139,40" alt="DHL" href="https://www.dhl.com/" target="_blank"> <area shape="rect" coords="151,0,290,40" alt="Fanatec" href="https://www.fanatec.com/" target="_blank"> </map> </div> </div> <div class="col-md-4 no-gutters"> <div class="partners-container"> <div class="col-sm-6 col-xs-6 col-md-12"> <a href="http://www.codemasters.com/" title="Visit Codemasters website" target="_blank"> <img src="/bundles/f1microsite/images/logo_codemasters.png?2.1.2" alt="Codemasters logo" class="partner-logo cm" /> </a> </div> </ul> </div> </div> </div> </div> </div> <div class="splash-copyright"> <p><a class="legal-link" href="mailto:support@f1esports.com" title="Email support" target="_blank">Support</a> | <a class="legal-link" href="/legal-notice" title="Legal notice">Legal</a> | <a class="legal-link" href="https://www.f1esports.cn/" title="Legal notice">China Championship</a> | <a class="legal-link" href="https://www.formula1.com/" title="Visit Formula 1 website" target="_blank">Formula1.com</a> <span class="breaker">|</span> ©2003-2024 Formula 1 World Championship Limited</p> </div> </footer> <style type="text/css"> .sponsor-logos-aramco { width:80%; } .sponsors-container { display: block; text-align:center; } .sponsor-logos { width: 215px; text-align: center; margin: auto; padding-top: 10px; display: block; } .sponsor-logos-aramco { width: 140px; text-align: center; margin: auto; padding-top: 10px; display: block; } img.partner-logo.cm { width: 134px; padding-top: 0; } .f1esports-container { width: 250px; margin: 25px 0px 0px 31px; } .splash-footer { min-height: 77px; background-color: #212121; /* border-top: 2px solid #000000; */ } .center { text-align:center; } .legal-link { padding-left:4px; padding-right:4px; } .splash-copyright { font-family: 'Titillium Web', sans-serif!important; } .splash-social a { position: relative; display: inline-block; width: 28px; height: 28px; color: #292929; text-decoration: none; font-family: 'Titillium Web', sans-serif; font-weight: 700; line-height: 15px; font-size: 14px; margin-left: 10%; text-align: center; overflow: hidden; } .splash-copyright { background: #191919; color: #888; text-align: center; padding: 5px 0; font-size: 12px; } .splash-copyright p { margin:0; } .splash-copyright p a { color:#bbb; text-decoration: none; } .splash-copyright p a:hover { text-decoration: underline; } .splash-copyright .breaker { display:block; height: 0; width:0; overflow:hidden; padding-left: 4px; padding-right: 4px; } .splash-footer .footer-pad { display:none; } @media (min-width: 650px) { .splash-footer #social { background: none; } .splash-footer #social a { color: #eee; } .splash-footer #codemasters { position: absolute; top: 64px; right: 25px; margin:0; } .splash-footer #playseat-container { position: absolute; top: 72px; right: 180px; margin:0; } .splash-footer #dhl-container { position: absolute; top: 17px; right: -2px; margin:0; } .splash-footer #f1 { position:absolute; left:25px; top:45px; margin:3px 0 0 0; } .splash-copyright .breaker { display:inline; height:auto; width:auto; } .splash-footer .footer-pad { display:none; } } @media (max-width: 600px) { .splash-footer #dhl-container { display: inline-flex; width: 162px; padding-left: 74px; margin: 25px auto 0 auto; } } .social-icon{color: white;font-size: 21px;text-align:center;} @media only screen and (min-width: 768px) .upper-wrapper .wrapper-inner { min-height: 42px; border-bottom: 5px solid #0e0e14; } .upper-wrapper { border-bottom: 1px solid #2c2c34; min-height: 40px!important; background-color: #38383f; } .upper-wrapper .wrapper-inner{ border-bottom: 3px solid #2c2c34; background-color: #38383f; } .Site-footer .upper-wrapper:before, .Site-footer .middle-wrapper:before, .Site-folder .lower-wrapper:before, .Site-folder .upper-wrapper:after, .Site-folder .middle-wrapper:after, .Site-folder .lower-wrapper:after { content: " "; display: table; width: 100%; } .no-gutters { margin-right: 0; margin-left: 0; padding-right:0; padding-left:0; > .col, > [class*="col-"] { padding-right: 0!important; padding-left: 0!important; } } .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-youtube:before{content:"\f167"} .fa-instagram:before{content:"\f16d"} .fa-twitter:before{content:"\f099"} .fa-facebook-official:before{content:"\f230"} .fa-facebook:before{content:"\f09a"} .fa-rss:before{content:"\f09e"} .fa-check:before{content:"\f00c"} .fa-exclamation-triangle{content:"\f071"} .Site-footer .middle-wrapper{background-color:#15151e} .Site-footer .social-media-wrapper span{color:#fff} .Site-footer .social-media-wrapper .fa{font-size:2.1rem} .Site-footer .social-media-wrapper .fa:hover{color:#ddd} .Site-footer .social-media-wrapper .twitter-cell a::after{background-color:#003c52} .Site-footer .social-media-wrapper .twitter-cell a:hover{background-color:#00aced} .Site-footer .social-media-wrapper .facebook-cell a::after{background-color:#16233e} .Site-footer .social-media-wrapper .facebook-cell a:hover{background-color:#3b5998} .Site-footer .social-media-wrapper .instagram-cell a::after{background-color:#5d1e2f} .Site-footer .social-media-wrapper .instagram-cell a:hover{background-color:#fb3958} .Site-footer .social-media-wrapper .rss-feed-cell a::after{background-color:#da5d29} .Site-footer .social-media-wrapper .rss-feed-cell a:hover{background-color:#00aced} .Site-footer .social-media-wrapper .youtube-cell a::after{background-color:#430000} .Site-footer .social-media-wrapper .youtube-cell a:hover{background-color:#cc181e} .Site-footer .social-media-wrapper .social-media-table{display:table;table-layout:fixed;width:100%;height:100%} .Site-footer .social-media-wrapper .social-media-cell{display:table-cell;border-right:1px solid #2c2c34;text-align:center;vertical-align:middle} @media only screen and (max-width:767px){.Site-footer .social-media-wrapper .social-media-cell:last-child{border-right:0} } @media only screen and (min-width:1440px){.Site-footer .social-media-wrapper .social-media-cell:first-child{border-left:1px solid #2c2c34} } .Site-footer .social-media-wrapper .social-media-cell a{width:100%;display:inline-block;padding:7px 0;position:relative} @media only screen and (max-width:767px){.Site-footer .social-media-wrapper .social-media-cell a{padding-top:13px;padding-bottom:13px} } .Site-footer .social-media-wrapper .social-media-cell a::after{content:'';position:absolute;width:100%;height:5px;bottom:-5px;left:0} @media only screen and (min-width:768px){img.f1esports-logo-footer {padding-top: 30px;} img.partner-logo.cm {padding-top:29px;} .Site-footer .social-media-wrapper{width:50%;float:left;}.partner-logo {max-width: 100%;width: 120px;display: block;padding: 0px; margin-top:21px ;float: right;} } @media only screen and (min-width:1024px){.Site-footer .social-media-wrapper{width:20%} } .Site-footer .calender-wrapper{text-align:center;border-bottom:1px solid #2c2c34;padding:7px 0} .Site-footer .calender-wrapper .download-cal{font-size:12px;font-size:1.2rem;color:#fff;font-family:"Titillium Web",Helvetica,sans-serif;font-weight:700;background:url('https://downloads.f1esports.com/Images/ico-cal-down.png') no-repeat left bottom;padding-left:30px;display:inline-block;text-transform:uppercase} .Site-footer .calender-wrapper .download-cal:hover{color:#fff;background-position:left bottom;text-decoration:underline} @media only screen and (min-width:768px){.Site-footer .calender-wrapper{border-bottom:0;width:50%;float:right} } @media only screen and (min-width:1024px){.Site-footer .calender-wrapper{width:80%;text-align:right;padding-right:20px} } .Site-footer .footer-list .nav-label{font-size:1.4rem;line-height:2;display:block;padding:10px 15px 8px;background-color:#2c2c34;border-bottom:1px solid #5b5b61} .Site-footer .footer-list>li span{color:#fff;font-size:15px;font-size:1.5rem;font-family:'F1BoldRegular',Helvetica,sans-serif;font-weight:500} @media only screen and (max-width:1023px){.Site-footer .footer-list .nav-label{background:0;border-bottom-color:#282830;padding:12px 6px} .Site-footer .footer-list .nav-label a{display:block} .Site-footer .footer-list .nav-label.open{border-bottom:0} .Site-footer .footer-list .nav-label.open .icon-arrow{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);margin-top:0} .Site-footer .footer-list .nav-label.open span{color:#fff} .Site-footer .footer-list .nav-label .icon-arrow{font-size:6px;display:inline-block;float:right;margin-top:3px} .f1esports-container {width: 300px;margin: auto;padding-top: 14px;padding-bottom: 4px;} .sponsor-logos {width: 330px;} .partner-logo {width: 115px;display: block;padding: 0px;margin:auto;margin-top:21px;} } @media only screen and (min-width:1024px){.Site-footer .footer-list{display:table;width:100%} .Site-footer .footer-list .nav-label{background:0;border-bottom:0} .Site-footer .footer-list .nav-label a:hover{text-decoration:underline} .Site-footer .footer-list .nav-label a:hover span{color:#fff} .Site-footer .footer-list .icon-arrow{display:none} .Site-footer .footer-list>li{display:table-cell;vertical-align:top} .Site-footer .footer-list>li span{color:#fff} } @media only screen and (min-width:1280px){.Site-footer .footer-list{display:block} .Site-footer .footer-list>li{display:inline-block;vertical-align:top;padding-left:26px} .Site-footer .footer-list>li:first-child{padding-left:0} .Site-footer .footer-list.footer-secondary-list>li{padding-left:0;display:block} } .Site-footer .footer-sub-list li{line-height:1} .Site-footer .footer-sub-list a{color:#949498;font-weight:700;display:inline-block;padding:5px 15px;font-size:1.2rem;line-height:1.425;text-transform:uppercase} .Site-footer .footer-sub-list a:hover{color:#fff;text-decoration:underline} @media only screen and (max-width:1023px){.Site-footer .footer-sub-list{display:none} .Site-footer .footer-sub-list.show{display:block;border-bottom:1px solid #282830;padding-bottom:25px;margin-bottom:5px} .Site-footer .footer-sub-list a{padding:10px 30px 8px} .Site-footer .footer-sub-list li{border-bottom:.5px solid #2c2c34} .Site-footer .footer-sub-list li:last-child{border-bottom:0} } @media only screen and (max-width:1023px){.Site-footer .footer-sub-list{margin-top:-10px} .Site-footer .footer-sub-list li{border-bottom:0} .Site-footer .footer-sub-list li a{font-size:16px;font-size:1.6rem;padding:2px 6px;display:block;text-transform:none;line-height:01.25;color:#fff} } @media only screen and (min-width:1024px){.Site-footer .footer-secondary-nav{margin:10px 20px;border-top:1px solid #5b5b61;text-align:center} .Site-footer .footer-secondary-nav .footer-sub-list{width:100%} .Site-footer .footer-secondary-nav .footer-sub-list li{display:inline-block;vertical-align:top} .Site-footer .footer-secondary-nav .nav-label{display:none} .Site-footer .footer-secondary-nav .footer-sub-list a{color:#aaa} .Site-footer .footer-secondary-nav .footer-sub-list a:hover{color:#fff} } @media only screen and (min-width:1280px){.Site-footer .footer-secondary-nav .footer-sub-list a{padding:17px 15px 8px} } @media only screen and (max-width:1023px){.Site-footer .footer-secondary-nav{padding-left:15px;padding-right:15px} .Site-footer .footer-secondary-nav .footer-list .nav-label{border-bottom:0} } .Site-footer .lower-wrapper{background-color:#15151e} .Site-footer .lower-wrapper .col-wrapper{float:left;padding:30px 0 20px 0} .Site-footer .lower-wrapper .col-wrapper img{width:100%;max-width:224px} @media only screen and (max-width:767px){.Site-footer .lower-wrapper .col-wrapper img{max-width:200px} } .Site-footer .lower-wrapper .logo-f1{padding-left:35px} .Site-footer .lower-wrapper .logo-f1 .logo{margin-top:8px;max-width:224px} .Site-footer .lower-wrapper .copyright-text-wrapper{width:100%;text-align:center;border-top:1px solid #888} .Site-footer .lower-wrapper .copyright-text-wrapper p{color:#545454;font-size:1.2rem;line-height:1.4;font-family:'bentonsans',Helvetica,sans-serif;font-weight:400} @media only screen and (min-width:768px){.Site-footer .lower-wrapper .copyright-text-wrapper{border-top:0;margin-top:8px;margin-right:20px;float:right;width:auto;text-align:right} } @media only screen and (max-width:767px){.Site-footer .lower-wrapper .wrapper-inner{text-align:center} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper{display:inline-block;float:none;padding:20px 0 5px 0;vertical-align:top;border-top-color:#282830} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper.copyright-text-wrapper{width:auto;margin:0 15px 10px;display:block} .Site-footer .lower-wrapper .wrapper-inner .col-wrapper.copyright-text-wrapper p{font-size:.9rem} .Site-footer .upper-wrapper,.Site-footer .middle-wrapper{background:#e34a9c} .Site-footer .calender-wrapper .download-cal,.Site-footer .footer-list>li span,.Site-footer .footer-sub-list a,.Site-footer .lower-wrapper .copyright-text-wrapper p{color:#fff} .Site-footer .social-media-wrapper .fa:hover{color:#fff} .Site-footer .footer-secondary-nav{border-top-color:#e96db3} .Site-footer .lower-wrapper .col-wrapper img{vertical-align:middle} .Site-footer .logo-tata .logoBeforeTata{display:inline-block;margin-right:15px;border-right:#c4578c 1px solid} .Site-footer .logo-tata .logoBeforeTata a{display:inline-block;width:34px;margin-right:20px} .Site-footer .social-media-wrapper .social-media-cell a::after{display:none} .f1esports-container {width: 300px;margin: auto;padding-top: 14px;padding-bottom: 4px;} .sponsor-logos {width: 330px;} .partner-logo {width: 115px;display: block;padding: 5px;margin:auto;} } .Site-footer .calender-wrapper .download-cal{background:url('https://downloads.f1esports.com/Images/ico-cal-down-white.png') no-repeat left bottom} @media only screen and (min-width:768px){.Site-footer .upper-wrapper{border-bottom:2px solid #38383f} .Site-footer .lower-wrapper .col-wrapper{width:43%} .Site-footer .lower-wrapper .logo-f1{width:25%} .Site-footer .lower-wrapper .logo-tata{width:32%} } @media only screen and (max-width:767px){.event-override .navigation-component .navigation-list-wrap{background:#e557a3;border-top:1px solid #ec8cbd} .Site-footer .lower-wrapper .copyright-text-wrapper{border-top-color:#ec8cbd} .Site-footer .lower-wrapper .logo-f1{width:30%} .Site-footer .lower-wrapper .logo-tata{width:70%} } @media only screen and (max-width:1023px){.Site-footer .footer-list .nav-label{background:0;border-bottom-color:#e96db3} .Site-footer .footer-sub-list{background:#e96db3} .Site-footer .footer-sub-list li{border-bottom-color:#ec8cbd} } </style> <div class="modal-overlay closed" id="modal-overlay"></div> <div class="modal closed" id="modal"> <a class="close-button" id="close-button" href='#' title='Close'> <i class="fa fa-window-close"></i> close </a> <div class="modal-guts"></div> </div> <script type="text/javascript"> if(document.referrer.indexOf("f1deck.com") != -1) { window.location = "http://www.youtube.com/watch_popup?v=oHg5SJYRHA0"; } </script> <div id="cookie_box"> <div class="container"> <div class="col-sm-9 col-md-9"> <style> #truste-consent-track.trustarc-banner { font-family: Arial,sans-serif; font-size: 12px; background-color: #38383F; color: #fff; padding: 0; border-radius:0px; margin-bottom:2px; } #truste-consent-content { overflow: hidden; max-height: 49px; min-width: 300px; width: 100%; max-width: 1320px; display: table; margin: 0 auto; }#truste-consent-text{ width: auto; display: table-cell; vertical-align: middle; padding: 10px 10px 12px 15px; text-align: left; } .truste-text { font-family: "bentonsans"; font-size: 15px; color: #fff; letter-spacing: 0; line-height: 20px;} .truste-buttontext { font-family: "bentonsans"; font-size: 15px; color: #fff; border: none; text-decoration: underline; text-decoration-color: #e10600!important; cursor: pointer; letter-spacing: 0px; }.truste-buttontext:hover { text-decoration: underline; text-decoration-color: #e10600!important; color: #e10600;} .truste-close { font-family: "bentonsans"; font-size: 12px; color: #fff; background: #e10600; border: none; text-decoration: none; cursor: pointer; padding: 8px 15px; border: 0px none; text-transform: uppercase; border-radius: 5px; letter-spacing: .5px; float: right; margin: 55px 10px; white-space: nowrap;} .truste-close:hover { box-shadow: 0 0 0 2px #e10600 inset; background: #ffffff; color: #15151e; transition: all 0.5s cubic-bezier(0.2, 0, 0.05, 1); } .truste-cookie-link { color: #fff; text-decoration: underline; text-decoration-color: #e10600!important; line-height: 40px; } .truste-cookie-link:hover { text-decoration: underline; text-decoration-color: #e10600!important; color: #e10600; } .truste-title { font-size:18px; color:#fff; font-family:"F1-Regular-Bold"; letter-spacing:0; line-height: 40px;} /* MOBILE ONLY */ @media screen and (min-width: 450px) and (max-width: 740px) { .truste-close { margin-right: 5px; margin-bottom: -2px; text-align: center; font-family: "bentonsans"; color: #fff; background-color: #e10600; text-decoration: none; cursor: pointer; margin: 0px 0px 0px 15px; float: none; clear: both; display: inline-block; } .truste-responsive #truste-consent-text { width: auto; display: block; vertical-align: middle; text-align: left;} .truste-responsive #truste-consent-content {text-align:left;} .truste-responsive .truste-buttontext { margin-right:0px; } }@media screen and (max-width: 480px) { .truste-responsive #truste-consent-text { float: left; width: auto; } .truste-close { float: left; margin: 0px 0px 0px 15px; text-align: left; }}</style> <div id="truste-consent-text" class="truste-text"> <span class="truste-title">We value your privacy</span> <br>We use technologies such as cookies in order to integrate with social media, serve relevant advertising, analyse our traffic and improve and customize your experience on our websites. To accept cookies, click "I Accept" or <a class="open-cookies">manage your settings</a>.<br><a href="https://f1esports.com/legal-notice#cookies" target="_blank" id="truste-cookie-button" style="cursor:pointer; text-decoration: underline;" class="truste-cookie-link">More Information</a> </div> </div> <div class="col-sm-3 col-md-3"> <div id="truste-consent-buttons"> <a id="truste-consent-button" class="cookie_box_close" style="margin-right:15px; margin-bottom:15px">I Accept</a> </div> </div> </div> <script> //appends an "active" class to .popup and .popup-content when the "Open" button is clicked $(".open-cookies").on("click", function() { $(".popup-overlay, .popup-content").addClass("active-cookie"); }); //removes the "active" class to .popup and .popup-content when the "Close" button is clicked $("#pop-close-cookies").on("click", function() { $(".popup-overlay, .popup-content").removeClass("active-cookie"); }); </script> </body> </html>

CINXE.COM

Watch F1® Esports Series live