Watch English Premier League (EPL) Live Streaming (2024)

'; $(this).html(html); }); $('.tv-pass-tile').click(function(){ window.location.href = $('.tile-cta').attr('href'); }); $(window).resize(function(){ $('.clearbutt').css('height',(($('.tv-pass-tile').height()/2)-10)+'px'); }).resize();}/* Component : Tile Container + Tile */starlight.lob_hero_card_tiles = function(){ var css = ` .product-tiles h4.paddingTop30{padding-top:5px!important;} .product-tiles .cards-content.personal-content.paddingTop20{padding-top:0px;} .product-tiles p.tile-pricing{margin-top:25px;} .product-tiles div.dotdotdot{height:90px!important;} .product-tiles .eq-ht-cont.cards{ border-radius: 12px; } .product-tiles .cards-img-bg img { border-top-left-radius:12px; border-top-right-radius:12px; } .tile_v1 .col-lg-6 .cards.material .cards-img-bg{ height:auto !important; } .tile_v1 .cards-img-bg.cbgTileImg{ height:auto !important; } /*@media screen and (max-width:767px){ .tile_v1 .col-lg-6 .cards.material .cards-img-bg{ height:auto !important; } .tile_v1 .cards-img-bg.cbgTileImg{ height:auto !important; } }*/ `; $('head').append('

');}/* Component : Featured Banner (Half) */starlight.msa_onpage_banner = function(){ var css = ` .shared_featurebanner_half .feature-half { background:#250e62; border-radius:14px; -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%); box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .shared_featurebanner_half .feature-half .border-lighter-grey{ border-color:transparent; } .shared_featurebanner_half .feature-half .top-headline{ text-transform:uppercase; font-size:14px; color:#ffffff; font-weight:bold; } .shared_featurebanner_half .feature-half .header3{ color:#ffffff; } .shared_featurebanner_half .feature-half .text-content p{ color:#ffffff; } .shared_featurebanner_half .feature-half .text-content .msa-links{ margin-right:7px; } `; $('head').append('

'); var msa_banner = $('.shared_featurebanner_half').first(); msa_banner.find('.border-lighter-grey.border1').removeClass('border1');}/* Component : Plan Banner */starlight.plan_banner = function(block_seq){ var css = ` .plan-banner-component .cards-img-bg.cbgTileImg { border-top-right-radius: 12px; border-top-left-radius: 12px; } .plan-banner-component .plan-banner-box-content { padding: 20px 30px 20px!important; border-radius: 12px; } .plan-banner-component .plan-banner-box a:hover { color: #fff!important; border-radius: 12px; } .plan-banner-component .plan-banner-box a { border-radius: 12px; color:#ffffff; background-color: #c800a1; } .plan-banner-component .plan-banner-box a h4{ color:#ffffff; } .plan-banner-component .plan-banner-box a #green-hr-line{ background-color: #fff; border-color: #fff; } .plan-banner-component .plan-banner-box:nth-child(1) a { background-color: #c800a1!important; } .plan-banner-component .plan-banner-box:nth-child(2) a { background-color: #1cd4b0; } .plan-banner-component .plan-banner-box:nth-child(3) a { background-color: #685bc7; } .plan-banner-component .plan-banner-box:nth-child(4) a { background-color: #1ed760; } .plan-banner-component .border1{border:0px!important} .plan-banner-component .padding-left-bott {padding-left:25px;padding-bottom:25px;} .plan-banner-component .padding-bott {padding-bottom:25px;} .plan-banner-box a{ -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%); box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .plan-banner-box a:hover { box-shadow: 0 5px 5px 0 rgb(0 0 0 / 30%); } `; var firstbanner = $('.plan-banner-component').first(); var firstblock = firstbanner.find('.col-xs-24.col-md-12').first(); var secondblock = firstbanner.find('.col-xs-24.col-md-12').last(); var fb_html = firstblock.html(); var sb_html = secondblock.html(); $('head').append('

'); if (block_seq == 'tiles-left'){ firstblock.html(sb_html); secondblock.html(fb_html); var thirdblock = '

'+fb_html+'

'; firstblock.before(thirdblock); secondblock.addClass('hidden-sm hidden-xs padding-left-bott'); } $('.plan-banner-component h2.bold-font').removeClass('paddingTop40');}/* Component : Masthead */starlight.video_banner = function(){ if ($('.desktop-masthead .video-btn.dam-video-btn')){ var css = ` .clear30{ clear:both; height:30px !important; } .vid-banner{ position:relative; width:100%; overflow:hidden; } .vid-banner .vid-content{ width:100%; float:left; position:absolute; bottom:30px; z-index:5; text-align:center; padding: 10px; } .vid-banner .vid-content h2{ color:#ffffff !important; font-weight:bold; font-size:38px; line-height: 42px; } .vid-banner .vid-content .m_desc{ width:100%; float:left; position:relative; z-index:5; text-align:center; padding: 20px 10px; } .vid-banner .vid-content .m_desc p{ color:#ffffff !important; font-weight:bold; font-size:16px; line-height:22px; } .vid-banner .vid-content .m_butt{ width:100%; float:left; position:relative; z-index:5; text-align:center; } .vid-banner .vid-content .m_butt .butt2{ margin-left:8px; } .vid-mask{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; /*background-image:linear-gradient(180deg, #00000014, #00000045);*/ } .vid-back{ position:relative; float:left; width:100%; min-height:500px; padding:0px; margin:0px; z-index:-1; } /* .vid-back video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } */ .vid-back video{ height: 100%; width: 177.77777778vh; /* 100 * 16 / 9 */ min-width: 100%; min-height: 56.25vw; /* 100 * 9 / 16 */ } .vid-content-ext{ width:100%; float:left; position:relative; text-align:center; padding: 10px; display:none; background:#000000; } .vid-content-ext h2{ color:#ffffff !important; font-weight:bold; font-size:32px; line-height:37px; } .vid-content-ext .m_desc{ width:100%; float:left; position:relative; z-index:5; text-align:center; padding:10px; } .vid-content-ext .m_desc p{ color:#ffffff !important; font-weight:bold; font-size:16px; line-height:22px; } .vid-content-ext .m_butt{ width:100%; float:left; position:relative; z-index:5; text-align:center; margin-bottom: 20px; } .vid-content-ext .m_butt .butt2{ margin-left:8px; } @media screen and (max-width:768px){ .vid-mask{display:none;} .bg-video { display: block !important; } .vid-back{ min-height:350px; } .vid-banner .vid-content{ display:none; } .vid-content-ext{ display:block; } } @media screen and (max-width:605px){ .vid-back video{ height: 100%; width: 100%; min-width: 100%; min-height: 100%; } .vid-content-ext{ margin-top:-10px; } .vid-banner{ margin-top:-10px; } } @media screen and (max-width:580px){ .vid-back video{ margin-top:-10px; } .vid-content-ext{ margin-top:-30px; } } @media screen and (max-width:545px){ .vid-back video{ margin-top:-20px; } .vid-content-ext{ margin-top:-50px; } } @media screen and (max-width:510px){ .vid-back video{ margin-top:-25px; } .vid-content-ext{ margin-top:-60px; } } @media screen and (max-width:495px){ .vid-back video{ margin-top:-30px; } .vid-content-ext{ margin-top:-70px; } } @media screen and (max-width:470px){ .vid-back video{ margin-top:-40px; } .vid-content-ext{ margin-top:-90px; } } @media screen and (max-width:440px){ .vid-back video{ margin-top:-50px; } .vid-content-ext{ margin-top:-110px; } } @media screen and (max-width:400px){ .vid-back video{ margin-top:-60px; } .vid-content-ext{ margin-top:-130px; } } @media screen and (max-width:370px){ .vid-back video{ margin-top:-70px; } .vid-content-ext{ margin-top:-150px; } } @media screen and (max-width:335px){ .vid-back video{ margin-top:-80px; } .vid-content-ext{ margin-top:-170px; } } `; var mp4 = $('.desktop-masthead .video-btn.dam-video-btn') ? $('.desktop-masthead .video-btn.dam-video-btn').attr('data-url') : ''; if (mp4 != ''){ $('head').append('

'); var vidtypes = [ {'format' : 'video/mp4','src' : mp4}, {'format' : 'video/ogv','src' : mp4.replace('.mp4','.ogv')}, {'format' : 'video/webm','src' : mp4.replace('.mp4','.webm')}, ]; var vid = document.createElement("video"); vid.setAttribute("class","bg-video"); vid.setAttribute("preload","auto"); vid.setAttribute("playsinline",true); vid.id= "bg-vid"; vid.muted = true; vid.autoplay = true; vid.loop = true; for (var i=0; i

${offer_headline}

',escKey: false,overlayClose: false,scrolling: false,onClosed: function () {$('#colorbox').removeClass('colorbox-iam');$('#cboxOverlay').css("zIndex", 9999);},onComplete: function() {_SH.Elements.$w.triggerHandler('resize');}}));}});} $(document).ready(function() { $('#hidden_login_frame').attr('src', '/content/starhub/en/dev/login/status.html?ts=' + (new Date()).getTime()); if (_SH.Cookies.has('cw_hubid')) { $('#remember_me').attr('checked', true).parent().addClass('checked'); $('#fake_uid').val(_SH.Cookies.get('cw_hubid')); } // Hide login button when accessing "personal/rewards" from MSA START var urlParams = new URLSearchParams(window.location.search) var sourceApp = urlParams.get('sourceApp'); if(sourceApp != null && sourceApp.toLowerCase() == 'msa') { if(typeof document.createStyleSheet === 'undefined') { document.createStyleSheet = (function() { function createStyleSheet(href) { if(typeof href !== 'undefined') { var element = document.createElement('link'); element.type = 'text/css'; element.rel = 'stylesheet'; element.href = href; } else { var element = document.createElement('style'); element.type = 'text/css'; } document.getElementsByTagName('head')[0].appendChild(element); var sheet = document.styleSheets[document.styleSheets.length - 1]; if(typeof sheet.addRule === 'undefined') sheet.addRule = addRule; if(typeof sheet.removeRule === 'undefined') sheet.removeRule = sheet.deleteRule; return sheet; } function addRule(selectorText, cssText, index) { if(typeof index === 'undefined') index = this.cssRules.length; this.insertRule(selectorText + ' {' + cssText + '}', index); } return createStyleSheet; })(); } var sheet = document.createStyleSheet(); sheet.addRule('.pre-login', 'display: none !important'); sheet.addRule('.msamsg', 'display: none !important'); } // Hide login button when accessing "personal/rewards" from MSA END_SH.Elements.$b = _SH.Elements.$d.find('body');_SH.Info.responsive = !_SH.Elements.$b.hasClass('no-responsive');if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {_SH.Elements.$b.addClass('safari');_SH.Info.browser = _SH.Constant.SAFARI;}if (navigator.userAgent.indexOf('MSIE') != -1) {_SH.Elements.$b.addClass('ie');_SH.Info.browser = _SH.Constant.IE;}$(window).on( "resize", function() {if (!_SH.Info.responsive) { // old browser that doesn't understand media query. viewport will be equal to wrapper width_SH.Info.viewport_width = _SH.Constant.WRAPPER_SIZE_BIG;_SH.Info.viewport_height = document.documentElement.clientHeight || document.body.clientHeight;return;}if (_SH.Elements.$b.hasClass('ie')) { // in IE10 we cannot trust innerWidth for our calculation as the value is multiplied by zoomLevel._SH.Info.viewport_width = document.documentElement.clientWidth || document.body.clientWidth;_SH.Info.viewport_height = document.documentElement.clientHeight || document.body.clientHeight;} else {_SH.Info.viewport_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;_SH.Info.viewport_height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;}_SH.Info.colorbox = {//minHeight = $('#cboxLoadedContent').children().data('minHeight')}// var $cb = $('#colorbox') ,cb = $cb.get(0);if (typeof cb == 'undefined') {return;}if ($cb.hasClass('full') || $cb.hasClass('full-browser')) {} else {if (_SH.Info.viewport_width < _SH.Constant.BREAKPOINT_MOBILE) {_SH.ColorBox.maxWidth = 0.8 * _SH.Info.viewport_width;} else {if ($.colorbox.settings.desktopWidth) {_SH.ColorBox.maxWidth = $.colorbox.settings.desktopWidth;} else {_SH.ColorBox.maxWidth = '518';}}if( $cb.hasClass('full-max-height') ) {_SH.ColorBox.maxHeight = _SH.Info.viewport_height - 40 * 2;} else {_SH.ColorBox.maxHeight = 0.7 * _SH.Info.viewport_height;}if (cb.style.display == 'block') {if (this.timeout_id) {clearTimeout(this.timeout_id);this.timeout_id = null;}this.timeout_id = setTimeout(function() {$.colorbox.resize({width: _SH.ColorBox.maxWidth,height: '71%'});$('#cboxContent').css({ zoom: 1 });}, 200);}}}); }); //**************** FOR DS TEMPLATE *********************// // function isThereLoginMenu () { // if ($('.post-login').length != 0) { // return true; // } else { // return false; // } // } //**************** FOR DS TEMPLATE END *********************//function loadIframeIAM () { $("#iam-popup-login, #iam-popup-register").css("visibility", "visible"); } function getTransactionID(type, callback){ $.ajax({ url: "/content/starhub/en/dev/onlinestore/getESSOTransaction", type: "POST", data: { callbackUrl: "https://www.starhub.com/content/starhub/en/dev/login/auth.html?back64=aHR0cHM6Ly93d3cuc3Rhcmh1Yi5jb20vY29udGVudC9zdGFyaHViMS9lbi9wZXJzb25hbC9idW5kbGVzL3ByZW1pZXItbGVhZ3VlLmh0bWw=&olsBack=true&back=", currentPageURL: "https://www.starhub.com/content/starhub1/en/personal/bundles/premier-league.html" }, success: function (txnId) { if(txnId){ if(type=="login") { callback("https://login.starhubgee.com.sg/sso/HubidLogin?view=mobile&txnid=" + txnId); } else { callback("https://login.starhubgee.com.sg/sso/HubIdRegisterSelected?view=mobile&txnid=" + txnId); } } else { callback(); } }, error: function () { callback(); } }) } function setLoginStatus(user) { if (user.isLoggedIn) { console.log(user.isLoggedIn) $('.welcome-block').html('

Logged in as ' + user.hubId + '

'); $('.bullets-container').css('z-index', 1); $('.pre-login').hide(); $('.post-login').show(); if (_SH.Cookies.get('HUBIDTYPE') == 'HUBIDLITE') { $('#hubid').hide(); $('#hubidlite').show(); } else { $('#hubidlite').hide(); $('#hubid').show(); } } else { $('.post-login').hide(); $('.pre-login').show(); } $.event.trigger('userstatuscheck', user); }_SH.Constant = {EVENT_NAMESPACE: '.sh',BREAKPOINT_MOBILE: 767,BREAKPOINT_HEADER: 930,BREAKPOINT_TABLET: 1110,WRAPPER_SIZE_BIG: 940,WRAPPER_SIZE_MEDIUM: 750,BSIZE_SMALL: 1,BSIZE_MEDIUM: 2,BSIZE_BIG: 3,UNKNOWN: 0,IE: 1,SAFARI: 2};_SH.Info = {scroll_top: 0,scroll_left: 0,viewport_width: 0 // Viewport width does not work for IE8, always return 940,viewport_height: 0,browser_size: _SH.Constant.BSIZE_SMALL,browser: 0,responsive: false};_SH.ColorBox = {initialWidth: 440,height: 600,reposition: false,className: 'responsive',onLoad: function() {var $element = $.colorbox.element();},onOpen: function() {var $scope = $('#cboxLoadedContent'), $root = $scope.children();}};

`;const simple_pop_unscroll = `

`;function simple_pop_close(){ $('.simple-pop-mask').hide(); $('.simple-pop-container').removeClass('simple-pop-show').removeClass('simple-pop-small'); $('#scroller-css').remove(); $('body').removeClass('body-unscroll');}function simple_pop_open(cid){ $('.simple-pop-mask').show(); $('head').append(simple_pop_unscroll); $('body').addClass('body-unscroll'); $('.simple-pop-content').hide(); $('#'+cid).show(); let popsize = $('#'+cid).attr('data-pop-type'); if (popsize == 'small'){ $('.simple-pop-container').addClass('simple-pop-show').addClass('simple-pop-small'); }else{ $('.simple-pop-container').addClass('simple-pop-show'); }}function size_boxes(){ let popboxhgt = $('.simple-pop-container').height(); $('.simple-pop-content').height(popboxhgt-60); }$(document).ready(function(){ $('body').prepend(simple_pop_content); size_boxes(); $(window).resize(function(){ size_boxes(); });});