F1® Sim Racing Videos

<!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="Watch videos, interviews & clips from the official F1® Sim Racing Series."> <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>F1® Sim Racing Videos</title> <link rel="shortcut icon" href="/bundles/f1microsite/images/favicon.ico?2.1.2" /> <meta property="og:url" content="http://f1esports.com/videos" /> <meta property="og:type" content="website" /> <meta property="og:title" content="F1® Sim Racing Videos" /> <meta property="og:description" content="Watch videos, interviews & clips from the official F1® Sim Racing Series." /> <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/videos" } </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" /> <link href="https://vjs.zencdn.net/6.2.5/video-js.css" rel="stylesheet"> <link href="/bundles/f1microsite/css/videojs-playlist-ui.vertical.css" rel="stylesheet"> <style type="text/css"> .video-container { position: relative; clear:both; overflow:hidden; } #home-news-inner { max-width:1600px; } #home-news ul li a:hover .video-btn { background-color: rgba(115, 133, 159, 0.5); } #home-news ul li a h3 { padding: 20px; margin: 0; background: white; z-index: 1; position: relative; font-size: 17px; line-height: 20px; font-weight: 400; } #home-news ul li a h4 { font-size: 14px!important; } .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; } #home-leaderboard { background: url(/bundles/f1microsite/images/leaderboard.jpg) 0 0 no-repeat; background-size: cover; clear: both; overflow: hidden; } .f1ms-cta-link { color:#ff1900!important; font-size: 17px; } #home-leaderboard #imagewrap { margin:0 auto; color:white; background: rgba(41,41,41,0.9); } #home-leaderboard * { box-sizing: border-box; } #home-leaderboard-inner { max-width:1550px; margin:0 auto; } .main-preview-player { display: flex; flex-wrap: wrap; justify-content: space-between; } .video-js, .playlist-container { position: relative; min-width: 280px; min-height: 380px; height: 0; } .video-js { flex: 3 1 70%; } .playlist-container { flex: 1 1 30%; } .vjs-playlist { margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; padding:10px !important; } .vjs-mouse.vjs-playlist .vjs-playlist-title-container { font-size:16px; text-transform:capitalize; } .vjs-playlist-title-container { top: 0; } .vjs-playlist .vjs-playlist-title-container { left: 140px; } .vjs-playlist .vjs-playlist-thumbnail img { max-width: 140px; transition: all .4s ease-in-out; } .vjs-playlist .vjs-playlist-item:hover .vjs-playlist-thumbnail img { transform: scale(1.1); } .vjs-playlist .vjs-playlist-item { font-family: 'bentonsans'; font-size: 12px; } .vjs-playlist .vjs-playlist-name { line-height: inherit; white-space: nowrap; } .vjs-playlist .vjs-playlist-item { margin-bottom: 10px; } .vjs-playlist .vjs-playlist-item:hover { background-color: rgba(220, 41, 30, 1) !important; } .vjs-playlist .vjs-selected { background-color: rgba(220, 41, 30, 0.4) !important; } .vjs-playlist .vjs-selected .vjs-playlist-thumbnail img { opacity: 1 !important; } .vjs-playlist .vjs-playlist-title-container { text-shadow:none !important; } .vjs-playlist .vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text, .vjs-playlist .vjs-up-next .vjs-up-next-text, .vjs-playlist .vjs-playlist-duration { display:block; } @media (min-width: 944px) { #home-leaderboard #imagewrap { padding: 50px 20px; } } </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 active"> <a href="#" title="Watch the F1 Esports Series" id="qualification">Watch</a> <ul> <li class="has-subs active"> <a href="/videos" title="Go to videos">Videos</a> </li> <li class=''> <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"> <script src="//player.ooyala.com/core/edeb6f999d814e95970702e76a7887eb"></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> <script src="//player.ooyala.com/static/v4/stable/4.13.4/core.min.js"></script> <script src="https://player.ooyala.com/static/v4/stable/4.13.4/video-plugin/main_html5.min.js"></script> <script src="https://player.ooyala.com/static/v4/stable/4.13.4/other-plugin/discovery_api.min.js"></script> <style> #f1ms-menu { z-index:9999999; } #ooyala-videos { min-height:555px; max-height:100%; width:100%; overflow-y:hidden; overflow-x: hidden!important; margin: 0 auto; font-size: 17px; background-color: #1a1a1a; color: #fff; padding: 0; } .row.no_gutters { margin-right: 0; margin-left: 0; } .row.no_gutters > [class^="col-"], .row.no_gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .library-container { overflow-x: hidden; overflow-y: scroll; max-height: 762px; } .f1-video-previews { display:inline-flex; } .text-container { color:white; margin-left:5px; } a:hover { text-decoration:none!important; } .text-container :hover { text-decoration:none!important; font-weight:bold; } .video-name { font-family: 'F1-Regular'; font-size:12pt; } .duration-text { font-size:8pt; font-weight:bold; } .f1-video-previews { margin:5px; } .f1-preview { height: auto; max-height: 112px; width:200px; overflow: hidden; text-align:center; } .video-js{ outline: none; width: 100%; max-height: 600px; left: auto; top: auto; position: inherit; } .video-js .vjs-big-play-button { top: 50%; left: 50%; } video-js#myPlayerID { height: 750px; } img.video-thumbnail { width: 214px; margin: 10px; } </style> <section id="home-leaderboard"> <div id="imagewrap"> <div class="fluid_container no_gutters"> <div class="row no_gutters"> <div class="col-xs-12 col-sm-12 col-md-12 mob_pad"> <div style="max-width: 100%;"> <video-js id="myPlayerID" data-video-id="1707072184604562960" data-account="6057949432001" data-player="default" data-embed="default" data-application-id class="video-js" controls width="1000" height="700"></video-js> <script src="https://players.brightcove.net/6057949432001/default_default/index.min.js"></script> <script src="https://players.brightcove.net/videojs-overlay/1/videojs-overlay.min.js"></script> </div> </div> <div class=" col-xs-12 col-sm-12 col-md-12 mob_pad"> <div id="title-text-container"> <h2>Related Videos</h2> </div> <div id="thumbnailWrapper"> </div> </div> </div> </div> </div> </section> <section id="home-news"> <div id="home-news-inner"> <h2>Community Videos</h2> <ul id='videos'> <li> <a href="https://www.youtube.com/watch?v=e9Z9sFAzlA0" title="Watch video"> <div class="video-container"> <img src="https://downloads.f1esports.com/Thumbs/V6Racerz-Monaco.jpg" alt="F1 Esports Qualification Run - Round 4 - Monaco" /> <button class="video-btn" type="button" title="Watch video"> <i class="fa fa-play"></i> </button> </div> <h4>V6RacerZ</h4> <h3>F1 Esports Qualification Run - Round 4 - Monaco</h3> </a> </li> <li> <a href="https://www.youtube.com/watch?v=Yo2G0UmdrP8" title="Watch video"> <div class="video-container"> <img src="https://downloads.f1esports.com/Thumbs/Dominik-Hofmann-Monaco.jpg" alt="F1™ 2017 Esports Event 4 Monaco (P1 PS4) (106:15,711)" /> <button class="video-btn" type="button" title="Watch video"> <i class="fa fa-play"></i> </button> </div> <h4>Dominik Hofmann</h4> <h3>F1™ 2017 Esports Event 4 Monaco (P1 PS4) (106:15,711)</h3> </a> </li> <li> <a href="https://youtu.be/8jUsFttTbPc" title="Watch video"> <div class="video-container"> <img src="https://downloads.f1esports.com/Thumbs/Hardtop-Rob-Monaco.jpg" alt="Codemasters F1 2017: Monaco contest, Ricciardo to 2nd place." /> <button class="video-btn" type="button" title="Watch video"> <i class="fa fa-play"></i> </button> </div> <h4>Hardtop Rob</h4> <h3>Codemasters F1 2017: Monaco contest, Ricciardo to 2nd place.</h3> </a> </li> <li> <a href="https://youtu.be/MdXnGjUGoiU" title="Watch video"> <div class="video-container"> <img src="https://downloads.f1esports.com/Thumbs/Max-Kingtape-Monaco.jpg" alt="Esports qualification Monaco Event" /> <button class="video-btn" type="button" title="Watch video"> <i class="fa fa-play"></i> </button> </div> <h4>Max Kingtape</h4> <h3>Esports qualification Monaco Event</h3> </a> </li> </ul> <div style='margin-right:25px;'> <a class='f1ms-cta-link' href='#' title='Watch more videos'>Watch More</a> </div> </div> </section>  <script type="text/javascript"> var myPlayer, requestData, apiBaseURL = 'https://edge.api.brightcove.com/playback/v1/accounts/', policyKey = "BCpkADawqM2ufYe_EP6arpFCK7QMarEhjtzxt0_BFAGBWCcOcwzcCy-oDxl3XB9GEXZLkB9ysttYP_amkCpIg99O9Q-EV-hTVz70HXqHIBhmX1_tKhX5BSSRPLbKlxX157Qm92B6N-OYkwzP", videoData = []; /** * wait for the video metadata to load */ videojs.getPlayer('myPlayerID').one('loadedmetadata', function(){ myPlayer = this; // set up the Playback API request requestData = setRequestData(); // make the Playback API request getRelatedVideos(requestData, function(relatedVideos) { // extract the needed video data into an array videoData = extractVideoData(relatedVideos); // generate the HTML for the overlay videoList = createVideoList(videoData); // add the overlay addOverlayText(videoList); }); }); /** * set up the Playback API request */ function setRequestData() { var endPoint = '', accountId, videoName, requestURL, endPoint, tagValue, requestData = {}, dataReturned = false; // use the mediainfo object to get the account id, tag value and video name for the video currently loaded in the player accountId = myPlayer.mediainfo.account_id; tagValue = myPlayer.mediainfo.tags[0]; videoName = myPlayer.mediainfo.name; // add the account id and videos search term to the base URL. Note that your policy key needs to be enabled for search or you will get an error with the request. requestURL = apiBaseURL + accountId + '/videos'; // return up to 9 videos which have a tag value equal to the current video, excluding the current video by name //endPoint = '?q=tags:"' + tagValue + '" -name:"' + videoName + '"&limit=9'; endPoint = '?q=tags:f1:topic/esports&limit=9'; // add the query string to the request URL requestData.url = requestURL + endPoint; // set the request type to GET requestData.requestType = 'GET'; return requestData; } /** * request data from the Playback API */ getRelatedVideos = function(options, callback) { var httpRequest = new XMLHttpRequest(), responseData, parsedData, // response handler getResponse = function() { try { if (httpRequest.readyState === 4) { if (httpRequest.status >= 200 && httpRequest.status < 300) { responseData = httpRequest.responseText; parsedData = JSON.parse(responseData); callback(parsedData); } else { alert('There was a problem with the request. Request returned ' + httpRequest.status); } } } catch (e) { alert('Caught Exception: ' + e); } }; // set the response handler httpRequest.onreadystatechange = getResponse; // open the request httpRequest.open('GET', requestData.url); // set the headers httpRequest.setRequestHeader('Accept', 'application/json;pk=' + policyKey); // open and send the request httpRequest.send(); }; /** * extract video data from Playback API response * @param {array} playbackData the data from the Playback API * @return {array} videoData array of video info */ function extractVideoData(playbackData) { var i, iMax = playbackData.videos.length, videoItem; for (i = 0; i < iMax; i++) { if (playbackData.videos[i].id !== null || playbackData.videos[i].thumbnail !== null) { videoItem = {}; videoItem.id = playbackData.videos[i].id; videoItem.name = playbackData.videos[i].name; videoItem.thumbnail = playbackData.videos[i].thumbnail; videoData.push(videoItem); } } return videoData; } /** * create the html for the overlay * @param {array} videoData array of video objects * @return {HTMLElement} videoList the div element containing the overlay */ function createVideoList(videoData) { var i, iMax = videoData.length, videoList = createEl('div', { id: 'videoList' }), videoWrapper = createEl('div'), thumbnailLink, thumbnailImage; videoList.appendChild(videoWrapper); for (i = 0; i < iMax; i++) { thumbnailLink = createEl('a', { href: 'javascript:loadAndPlay(' + i + ')' }) thumbnailImage = createEl('img', { class: 'video-thumbnail', src: videoData[i].thumbnail }); videoWrapper.appendChild(thumbnailLink); thumbnailLink.appendChild(thumbnailImage); } return videoList; } /** * create an element * * @param {string} type - the element type * @param {object} attributes - attributes to add to the element * @return {HTMLElement} the HTML element */ function createEl(type, attributes) { var el, attr; el = document.createElement(type); if (attributes !== null) { for (attr in attributes) { el.setAttribute(attr, attributes[attr]); } return el; } } /** * add text content to an element * @param {HTMLElement} el the element * @param {string} str the text content */ function addText(el, str) { el.appendChild(document.createTextNode(str)); } /** * intialize the overlay plugin with the related video thumbnails * @param {HTML} overlayContent the HTML for the overlay */ function addOverlayText(overlayContent) { myPlayer.overlay({ overlays: [{ content: overlayContent, start: 'pause', end: 'play' }, { start: 'end', end: 'play' }] }); if (document.getElementById('videoList')) { document.getElementById('thumbnailWrapper').appendChild(document.getElementById('videoList')); } } /** * load and play a video * this function called when thumbnails in the overlay are clicked * @param {integer} idx the index of the video object in the videoData array */ loadAndPlay = function(idx) { var currentId = videoData[idx].id; myPlayer.catalog.getVideo(currentId, function(error, video) { try { myPlayer.catalog.load(video); } catch (e) { myPlayer.catalog.load(video); } myPlayer.play(); }); } </script> </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

F1® Sim Racing Videos