var isWbst; if (window.wp || window.wpApiSettings) { isWbst = 'wb'; } else { isWbst = 'ht'; } var ix_ipl_scriptUrl = document.currentScript.src; var ix_ipl_urlParams = new URL(ix_ipl_scriptUrl); var ix_ipl_bsParam = ix_ipl_urlParams.searchParams.get('bs'); var ix_ipl_floaterParam = ix_ipl_urlParams.searchParams.get('floater'); function getParentElement() { var container = document.querySelector('[data-ix-instream-player]'); if (container) { return container; } var parent = document.currentScript ? document.currentScript.parentElement : null; if (parent && parent.tagName === 'HEAD') { return document.body || document.documentElement; } return parent || document.body || document.documentElement; } var ix_ipl_prnElmnt = getParentElement(); var ix_ipl_href = document.currentScript.src; var ix_ipl_macro1 = new URL(ix_ipl_href); var ix_ipl_p = ix_ipl_macro1.searchParams.get('p'); var [ix_ipl_wd, ix_ipl_ht] = (ix_ipl_macro1.searchParams.get("sz") || "0x0") .split("x") .map(Number); var ix_ipl_pUrl = window.location.href; var ix_ipl_mb = ix_ipl_macro1.searchParams.get('mb'); var ix_ipl_cB = Math.floor((Math.random() * 1000000) + 1); var ix_ipl_mbEnabled = ix_ipl_mb === '1'; var ix_ipl_isMobile = ix_ipl_mbEnabled && (window.innerWidth <= 768 || window.screen.width <= 768); function shouldUseMobileResponsive() { return ix_ipl_isMobile; } function getResponsiveDimensions() { return { width: ix_ipl_wd ? parseInt(ix_ipl_wd) : 300, height: ix_ipl_ht ? parseInt(ix_ipl_ht) : 250 }; } var dimensions = getResponsiveDimensions(); var ix_brnd_left = shouldUseMobileResponsive() ? 'calc(100% - 120px)' : (dimensions.width - 120) + 'px'; var IX_MOBILE_HEIGHT = 230; var IX_DESKTOP_CONTENT_HEIGHT = dimensions.height - 20; function injectProtectiveCSS() { const styleId = 'ix-player-protection-' + ix_ipl_cB; if (document.getElementById(styleId)) { return; } const style = document.createElement('style'); style.id = styleId; let responsiveRules = ''; if (ix_ipl_mbEnabled) { responsiveRules = '\n\ @media (min-width: 769px) {\n\ .ix-player-container:not(.ix-player-floating) {\n\ width: ' + dimensions.width + 'px !important;\n\ height: ' + IX_DESKTOP_CONTENT_HEIGHT + 'px !important;\n\ }\n\ }\n\ @media (max-width: 768px) {\n\ .ix-player-wrapper {\n\ width: 100% !important;\n\ max-width: 100% !important;\n\ box-sizing: border-box !important;\n\ display: block !important;\n\ }\n\ .ix-player-container:not(.ix-player-floating) {\n\ width: 100% !important;\n\ height: ' + IX_MOBILE_HEIGHT + 'px !important;\n\ }\n\ }\n\ '; } else { responsiveRules = '\n\ .ix-player-container:not(.ix-player-floating) {\n\ width: ' + dimensions.width + 'px !important;\n\ height: ' + IX_DESKTOP_CONTENT_HEIGHT + 'px !important;\n\ }\n\ '; } style.textContent = '\n\ .ix-player-container {\n\ box-sizing: border-box !important;\n\ margin: 0 !important;\n\ margin-top: 20px !important;\n\ padding: 0 !important;\n\ border: none !important;\n\ background: transparent !important;\n\ font-family: Arial, sans-serif !important;\n\ font-size: 14px !important;\n\ line-height: normal !important;\n\ color: #000 !important;\n\ text-align: left !important;\n\ display: block !important;\n\ overflow: visible !important;\n\ transform: none !important;\n\ opacity: 1 !important;\n\ visibility: visible !important;\n\ float: none !important;\n\ clear: none !important;\n\ outline: none !important;\n\ filter: none !important;\n\ clip: auto !important;\n\ clip-path: none !important;\n\ position: relative !important;\n\ }\n\ \n\ ' + responsiveRules + '\n\ \n\ .ix-player-close-btn {\n\ position: absolute \n\ top: -20px \n\ left: 0px \n\ width: 30px \n\ height: 20px \n\ margin: 0 !\n\ padding: 0 \n\ background: black \n\ color: white \n\ border: none \n\ cursor: pointer \n\ font-size: small \n\ font-weight: bolder \n\ line-height: 20px \n\ text-align: center \n\ display: none \n\ z-index: 10001 \n\ box-sizing: border-box \n\ transform: none \n\ border-radius: 0 \n\ }\n\ \n\ .ix-player-close-btn:hover {\n\ background: #333 !important;\n\ }\n\ \n\ .ix-player-brand {\n\ all: revert !important;\n\ position: absolute !important;\n\ top: -20px !important;\n\ right: 0 !important;\n\ width: 120px !important;\n\ height: 20px !important;\n\ margin: 0 !important;\n\ padding: 0 !important;\n\ z-index: 10001 !important;\n\ background: transparent !important;\n\ border: none !important;\n\ transform: none !important;\n\ }\n\ \n\ .ix-player-brand img {\n\ margin: 0 !important;\n\ padding: 0 !important;\n\ border: none !important;\n\ width: 120px !important;\n\ height: 20px !important;\n\ display: block !important;\n\ transform: none !important;\n\ border-radius: 0 !important;\n\ }\n\ \n\ .ix-player-container iframe {\n\ all: revert !important;\n\ border: none !important;\n\ margin: 0 !important;\n\ padding: 0 !important;\n\ width: 100% !important;\n\ height: 100% !important;\n\ overflow: hidden !important;\n\ display: block !important;\n\ background: transparent !important;\n\ transform: none !important;\n\ border-radius: 0 !important;\n\ }\n\ \n\ .ix-player-container.ix-player-floating {\n\ position: fixed !important;\n\ z-index: 2147483647 !important;\n\ box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n\ margin-top: 0 !important;\n\ }\n\ '; document.head.appendChild(style); } function createPlayerIframe() { injectProtectiveCSS(); var containerHeight = ix_ipl_isMobile ? IX_MOBILE_HEIGHT : IX_DESKTOP_CONTENT_HEIGHT; const containerDiv = document.createElement('div'); containerDiv.id = 'ix-player-container-' + ix_ipl_cB; containerDiv.className = 'ix-player-container'; containerDiv.setAttribute('style', 'position: relative; ' + 'margin: 0; ' + 'margin-top: 20px; ' + 'padding: 0; ' + 'border: none; ' + 'background: transparent; ' + 'box-sizing: border-box; ' + 'display: block; ' + 'transform: none; ' + 'overflow: visible; ' + 'width: ' + (ix_ipl_isMobile ? '100%' : dimensions.width + 'px') + '; ' + 'height: ' + containerHeight + 'px;' ); const playerIframe = document.createElement('iframe'); playerIframe.id = 'ix-player-iframe-' + ix_ipl_cB; playerIframe.name = 'ix-player-frame-' + ix_ipl_cB; playerIframe.setAttribute('frameborder', '0'); playerIframe.setAttribute('scrolling', 'no'); playerIframe.setAttribute('allowfullscreen', 'true'); playerIframe.setAttribute('allow', 'autoplay'); playerIframe.setAttribute('data-ix-player', 'true'); playerIframe.style.cssText = 'border: none; ' + 'margin: 0; ' + 'padding: 0; ' + 'width: 100%; ' + 'height: 100%; ' + 'overflow: hidden; ' + 'display: block; ' + 'background: transparent;'; const closeButton = document.createElement('button'); closeButton.id = 'ix-player-close-' + ix_ipl_cB; closeButton.className = 'ix-player-close-btn'; closeButton.textContent = 'X'; closeButton.setAttribute('style', 'position: absolute; ' + 'top: -20px; ' + 'left: 0; ' + 'width: 30px; ' + 'height: 20px; ' + 'margin: 0; ' + 'padding: 0; ' + 'background: black; ' + 'color: white; ' + 'border: none; ' + 'cursor: pointer; ' + 'font-size: small; ' + 'font-weight: bolder; ' + 'display: none; ' + 'z-index: 10001; ' + 'box-sizing: border-box; ' + 'transform: none; ' + 'border-radius: 0; ' + 'line-height: 20px; ' + 'text-align: center;' ); const floatingBrand = document.createElement('div'); floatingBrand.id = 'ix-player-brand-' + ix_ipl_cB; floatingBrand.className = 'ix-player-brand'; floatingBrand.innerHTML = "<img src='https://video-instream.incrementxserv.com/IX_Brand.png' alt='IX' style='width: 120px; height: 20px; margin: 0; padding: 0; border: none; display: block; transform: none;'>"; floatingBrand.setAttribute('style', 'position: absolute; ' + 'top: -20px; ' + 'right: 0; ' + 'width: 120px; ' + 'height: 20px; ' + 'margin: 0; ' + 'padding: 0; ' + 'z-index: 10001; ' + 'background: transparent; ' + 'border: none; ' + 'transform: none; ' + 'display: block;' ); containerDiv.appendChild(closeButton); containerDiv.appendChild(floatingBrand); containerDiv.appendChild(playerIframe); if (ix_ipl_mbEnabled && ix_ipl_prnElmnt && ix_ipl_prnElmnt.style) { ix_ipl_prnElmnt.classList.add('ix-player-wrapper'); ix_ipl_prnElmnt.style.setProperty('width', '100%', 'important'); ix_ipl_prnElmnt.style.setProperty('max-width', '100%', 'important'); ix_ipl_prnElmnt.style.setProperty('box-sizing', 'border-box', 'important'); ix_ipl_prnElmnt.style.setProperty('margin', '0', 'important'); } ix_ipl_prnElmnt.appendChild(containerDiv); if (ix_ipl_mbEnabled && typeof ResizeObserver !== 'undefined') { containerDiv._ixLastNotifiedWidth = 0; containerDiv._ixLastNotifiedHeight = 0; var resizeObserver = new ResizeObserver(function (entries) { var iframe = containerDiv.querySelector('iframe'); if (!iframe) return; if (containerDiv.classList.contains('ix-player-floating')) return; for (var i = 0; i < entries.length; i++) { var entry = entries[i]; var newW = Math.round(entry.contentRect.width); var newH = Math.round(entry.contentRect.height); if (newW < 10 || newH < 10) { continue; } if (newW !== containerDiv._ixLastNotifiedWidth || newH !== containerDiv._ixLastNotifiedHeight) { containerDiv._ixLastNotifiedWidth = newW; containerDiv._ixLastNotifiedHeight = newH; ix_ipl_isMobile = newW <= 768 || window.innerWidth <= 768; if (iframe.contentWindow) { iframe.contentWindow.postMessage({ type: 'ix_player_resize', dimensions: { width: newW, height: newH } }, '*'); } } } }); resizeObserver.observe(containerDiv); containerDiv._ixResizeObserver = resizeObserver; } return { containerDiv, playerIframe, closeButton, floatingBrand }; } function initializePlayerInIframe(playerIframe) { if (window.__IX_IFRAME_INIT_DONE__) { return; } window.__IX_IFRAME_INIT_DONE__ = true; const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); const iframeDoc = playerIframe.contentDocument || playerIframe.contentWindow.document; const iframeHTML = "\ <!DOCTYPE html>\n\ <html style='margin: 0; padding: 0; overflow: hidden;'>\n\ <head>\n\ <meta charset='UTF-8'>\n\ <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n\ <title>IX Player</title>\n\ <link rel='preconnect' href='https://video-instream.incrementxserv.com'>\n\ <link rel='dns-prefetch' href='https://video-instream.incrementxserv.com'>\n\ \n\ <link rel='stylesheet' href='https://video-instream.incrementxserv.com/video-js.css'>\n\ <link rel='stylesheet' href='https://video-instream.incrementxserv.com/videojs.ads.css'>\n\ <link rel='stylesheet' href='https://video-instream.incrementxserv.com/videojs.ima.css'>\n\ \n\ <style>\n\ * {\n\ margin: 0;\n\ padding: 0;\n\ box-sizing: border-box;\n\ }\n\ \n\ html, body {\n\ margin: 0 !important;\n\ padding: 0 !important;\n\ overflow: hidden !important;\n\ width: 100% !important;\n\ height: 100% !important;\n\ background: transparent !important;\n\ }\n\ \n\ #incrx-video-container {\n\ position: relative;\n\ top: 0;\n\ height: 100%;\n\ width: 100%;\n\ }\n\ \n\ .video-js,\n\ #my-video {\n\ background: transparent !important;\n\ width: 100% !important;\n\ height: 100% !important;\n\ object-fit: fill !important;\n\ background: black !important;\n\ background-color: black !important;\n\ }\n\ \n\ #my-video_ima-ad-container {\n\ position: absolute !important;\n\ top: 0 !important;\n\ left: 0 !important;\n\ width: 100% !important;\n\ height: 100% !important;\n\ background: transparent !important;\n\ }\n\ \n\ #my-video_ima-ad-container video {\n\ width: 100% !important;\n\ height: 100% !important;\n\ object-fit: fill !important;\n\ }\n\ \n\ #incrx-video-container .ix_ipl_cls_ad-cntrls {\n\ position: absolute;\n\ bottom: 10px;\n\ left: 10px;\n\ visibility: hidden;\n\ z-index: 9999;\n\ display: flex;\n\ justify-content: center;\n\ gap: 10px;\n\ }\n\ \n\ #incrx-video-container .ix_ipl_ad-btn {\n\ background-color: #2421c9;\n\ color: white;\n\ border: none;\n\ border-radius: 50%;\n\ display: flex;\n\ justify-content: center;\n\ align-items: center;\n\ cursor: pointer;\n\ width: 25px;\n\ height: 25px;\n\ }\n\ \n\ #incrx-video-container div:not(#my-video_ima-ad-container):not(#my-video_ima-ad-container *),\n\ #incrx-video-container p:not(#my-video_ima-ad-container):not(#my-video_ima-ad-container *) {\n\ margin-bottom: 0 !important;\n\ font-size: 10px;\n\ }\n\ </style>\n\ </head>\n\ <body>\n\ <div id='incrx-video-container'>\n\ \n\ <video id='my-video'\n\ class='video-js vjs-default-skin'\n\ controls\n\ preload='auto'\n\ autoplay\n\ muted\n\ disablePictureInPicture\n\ data-setup='{\"controlBar\": {\"pictureInPictureToggle\": false}}'\n\ style='width: 100%; height: 100%; object-fit: fill;'>\n\ <source id='video-source'\n\ src='https://video-instream.incrementxserv.com/nature/playlist.m3u8'\n\ type='application/x-mpegURL'>\n\ </video>\n\ \n\ <div class='ix_ipl_cls_ad-cntrls'>\n\ <button id='ad-play' class='ix_ipl_ad-btn'>\n\ <svg class='play-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='25' height='25'>\n\ <path d='M8 5v14l11-7z' fill='currentColor' />\n\ </svg>\n\ </button>\n\ <button id='ad-pause' class='ix_ipl_ad-btn'>\n\ <svg class='pause-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='25' height='25'>\n\ <path d='M6 19h4V5H6zm8-14v14h4V5z' fill='currentColor' />\n\ </svg>\n\ </button>\n\ </div>\n\ </div>\n\ \n\ <script src='https://video-instream.incrementxserv.com/video.min.js'></script>\n\ <script src='https://video-instream.incrementxserv.com/videojs-contrib-ads.min.js'></script>\n\ <script src='https://video-instream.incrementxserv.com/videojs.ima.js'></script>\n\ <script src='https://imasdk.googleapis.com/js/sdkloader/ima3.js'></script>\n\ \n\ <script>\n\ (function() {\n\ const p = '" + ix_ipl_p + "';\n\ const pUrl = '" + ix_ipl_pUrl + "';\n\ const mbEnabled = " + ix_ipl_mbEnabled + ";\n\ const dimensions = " + JSON.stringify(dimensions) + ";\n\ \n\ let hasViewedMainVideo = false;\n\ let isPlayerReady = false;\n\ let isVideoPlaying = false;\n\ let isImaInitialized = false;\n\ let isAdContainerReady = false;\n\ let firstAdRequested = false;\n\ let imaIsBusy = false;\n\ let adIsPlaying = false;\n\ let adsManager = null;\n\ let lastKnownTime = 0;\n\ \n\ var isFirefox = typeof InstallTrigger !== 'undefined';\n\ \n\ let isTabHidden = false;\n\ let userManuallyPaused = false;\n\ \n\ let vastResponseReceived = false;\n\ let creativeLoaded = false; \n\ let creativeCheckTimeoutId = null; \n\ \n\ let masterTimeoutId = null;\n\ let retryTimeoutId = null;\n\ let initCheckIntervalId = null;\n\ \n\ const MASTER_TIMEOUT = 25000; \n\ const RETRY_DELAY_NORMAL = 2000; \n\ const RETRY_DELAY_SLOW = 5000; \n\ const RETRY_DELAY_NO_FILL = 1500; \n\ const INITIAL_DELAY = 1000;\n\ const INIT_CHECK_INTERVAL = 500;\n\ const MAX_INIT_WAIT = 10000;\n\ const CREATIVE_LOAD_TIMEOUT = 4000; \n\ \n\ let initStartTime = Date.now();\n\ \n\ function showAdLoader() {\n\ }\n\ \n\ function hideAdLoader() {\n\ }\n\ \n\ let networkSlow = false;\n\ \n\ function checkNetworkSpeed() {\n\ const t0 = Date.now();\n\ const img = new Image();\n\ const timeout = setTimeout(function() {\n\ img.onload = img.onerror = null;\n\ networkSlow = true;\n\ }, 5000);\n\ \n\ img.onload = function() {\n\ clearTimeout(timeout);\n\ networkSlow = (Date.now() - t0) > 2000;\n\ };\n\ img.onerror = function() {\n\ clearTimeout(timeout);\n\ networkSlow = true;\n\ };\n\ img.src = 'https://video-instream.incrementxserv.com/IX_Brand.png?_nc=' + Date.now();\n\ }\n\ \n\ checkNetworkSpeed();\n\ setInterval(checkNetworkSpeed, 30000);\n\ \n\ function getRetryDelay() {\n\ return networkSlow ? RETRY_DELAY_SLOW : RETRY_DELAY_NORMAL;\n\ }\n\ \n\ function getVastUrl() {\n\ var currentIsMobile = mbEnabled && (window.innerWidth <= 768);\n\ return '//bads.incrementxserv.com/vads/1?p=' + p + '&cb=' + (Math.floor(Math.random()*1e9)+1) + '&purl=' + encodeURIComponent(pUrl) + '&sz=' + dimensions.width + 'x' + dimensions.height + '&mb=' + (currentIsMobile ? 1 : 0);\n\ }\n\ \n\ function clearAllTimeouts() {\n\ if (masterTimeoutId) {\n\ clearTimeout(masterTimeoutId);\n\ masterTimeoutId = null;\n\ }\n\ if (retryTimeoutId) {\n\ clearTimeout(retryTimeoutId);\n\ retryTimeoutId = null;\n\ }\n\ if (initCheckIntervalId) {\n\ clearInterval(initCheckIntervalId);\n\ initCheckIntervalId = null;\n\ }\n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ creativeCheckTimeoutId = null;\n\ }\n\ }\n\ \n\ function resumeMainVideo() {\n\ hideAdLoader();\n\ \n\ if (isTabHidden) return;\n\ if (userManuallyPaused) return;\n\ \n\ setTimeout(function() {\n\ try {\n\ if (isTabHidden) return;\n\ if (userManuallyPaused) return;\n\ if (player && !player.isDisposed() && player.paused()) {\n\ player.muted(true);\n\ player.play().catch(function(e) {\n\ setTimeout(function() {\n\ if (!isTabHidden && !userManuallyPaused) player.play();\n\ }, 100);\n\ });\n\ }\n\ } catch (e) {\n\ }\n\ }, 100);\n\ }\n\ \n\ function scheduleNextRetry(delay, reason) {\n\ if (retryTimeoutId) {\n\ clearTimeout(retryTimeoutId);\n\ }\n\ \n\ const actualDelay = delay || getRetryDelay();\n\ \n\ retryTimeoutId = setTimeout(function() {\n\ retryTimeoutId = null;\n\ requestAd();\n\ }, actualDelay);\n\ }\n\ \n\ function resetAdState() {\n\ vastResponseReceived = false;\n\ creativeLoaded = false;\n\ adIsPlaying = false;\n\ \n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ creativeCheckTimeoutId = null;\n\ }\n\ }\n\ \n\ function setImaBusy(busy, reason) {\n\ const wasBusy = imaIsBusy;\n\ imaIsBusy = busy;\n\ \n\ if (busy) {\n\ if (retryTimeoutId) {\n\ clearTimeout(retryTimeoutId);\n\ retryTimeoutId = null;\n\ }\n\ \n\ if (masterTimeoutId) {\n\ clearTimeout(masterTimeoutId);\n\ }\n\ masterTimeoutId = setTimeout(function() {\n\ masterTimeoutId = null;\n\ setImaBusy(false, 'master timeout');\n\ adIsPlaying = false;\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'master timeout');\n\ }, MASTER_TIMEOUT);\n\ } else {\n\ if (masterTimeoutId) {\n\ clearTimeout(masterTimeoutId);\n\ masterTimeoutId = null;\n\ }\n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ creativeCheckTimeoutId = null;\n\ }\n\ hideAdLoader();\n\ }\n\ }\n\ \n\ function checkInitialization() {\n\ const adContainer = document.getElementById('my-video_ima-ad-container');\n\ if (adContainer) {\n\ isAdContainerReady = true;\n\ }\n\ \n\ const isReady = isPlayerReady && isVideoPlaying && isAdContainerReady;\n\ \n\ return isReady;\n\ }\n\ \n\ function waitForInitAndRequestAd() {\n\ if (firstAdRequested) {\n\ return;\n\ }\n\ \n\ const elapsed = Date.now() - initStartTime;\n\ \n\ if (checkInitialization()) {\n\ \n\ firstAdRequested = true;\n\ \n\ if (initCheckIntervalId) {\n\ clearInterval(initCheckIntervalId);\n\ initCheckIntervalId = null;\n\ }\n\ \n\ setTimeout(function() {\n\ requestAd();\n\ }, 5000);\n\ \n\ } else if (elapsed > MAX_INIT_WAIT) {\n\ \n\ firstAdRequested = true;\n\ \n\ if (initCheckIntervalId) {\n\ clearInterval(initCheckIntervalId);\n\ initCheckIntervalId = null;\n\ }\n\ \n\ requestAd();\n\ }\n\ }\n\ \n\ function requestAd() {\n\ \n\ if (imaIsBusy) {\n\ return;\n\ }\n\ \n\ if (adIsPlaying) {\n\ return;\n\ }\n\ \n\ if (!firstAdRequested) {\n\ return;\n\ }\n\ \n\ if (isTabHidden) {\n\ return;\n\ }\n\ \n\ if (typeof player.ima === 'undefined') {\n\ return;\n\ }\n\ \n\ resetAdState();\n\ \n\ setImaBusy(true, 'request started');\n\ \n\ showAdLoader();\n\ \n\ try {\n\ var vastUrl = getVastUrl();\n\ \n\ player.ima.changeAdTag(vastUrl);\n\ player.ima.requestAds();\n\ \n\ } catch (e) {\n\ setImaBusy(false, 'request exception');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'exception');\n\ }\n\ }\n\ \n\ function startCreativeLoadCheck() {\n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ }\n\ \n\ creativeCheckTimeoutId = setTimeout(function() {\n\ creativeCheckTimeoutId = null;\n\ \n\ if (vastResponseReceived && !creativeLoaded && !adIsPlaying) {\n\ \n\ setImaBusy(false, 'empty creative detected');\n\ resumeMainVideo();\n\ \n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'empty creative');\n\ }\n\ }, CREATIVE_LOAD_TIMEOUT);\n\ }\n\ \n\ var initW = document.documentElement.clientWidth || dimensions.width;\n\ var initH = document.documentElement.clientHeight || (dimensions.height - 20);\n\ \n\ const player = videojs('my-video', {\n\ autoplay: 'muted',\n\ muted: true,\n\ loop: true,\n\ bigPlayButton: false,\n\ techOrder: ['html5'],\n\ width: initW,\n\ height: initH,\n\ html5: {\n\ vhs: {\n\ overrideNative: true,\n\ \n\ enableLowInitialPlaylist: true,\n\ smoothQualityChange: false,\n\ fastQualityChange: true,\n\ limitRenditionByPlayerDimensions: true,\n\ \n\ maxPlaylistRetries: 3\n\ },\n\ \n\ preload: 'auto'\n\ }\n\ });\n\ \n\ if (isFirefox) {\n\ player.on('durationchange', function() { \n\ try {\n\ var d = player.duration();\n\ if (!isFinite(d) || d === 0) {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ if (tech && tech.vhs && tech.vhs.playlists && tech.vhs.playlists.media) {\n\ var media = tech.vhs.playlists.media();\n\ if (media && media.segments && media.segments.length > 0) {\n\ var totalDuration = 0;\n\ for (var i = 0; i < media.segments.length; i++) {\n\ totalDuration += (media.segments[i].duration || 0);\n\ }\n\ if (totalDuration > 0 && isFinite(totalDuration)) {\n\ var originalDuration = player.duration.bind(player);\n\ player.duration = function() {\n\ var dd = originalDuration();\n\ return (!isFinite(dd) || dd === 0) ? totalDuration : dd;\n\ };\n\ player.removeClass('vjs-live');\n\ player.removeClass('vjs-liveui');\n\ }\n\ }\n\ }\n\ }\n\ } catch(e) {}\n\ });\n\ }\n\ \n\ player.on('error', function() {\n\ var err = player.error();\n\ \n\ if (!err) return;\n\ \n\ if (err.code === 3 || err.code === 4) {\n\ \n\ try {\n\ var currentTime = player.currentTime();\n\ \n\ player.pause();\n\ \n\ setTimeout(function() {\n\ player.src(player.currentSource());\n\ player.currentTime(currentTime || 0);\n\ \n\ player.play().then(function() {\n\ }).catch(function(){});\n\ \n\ }, 500);\n\ \n\ } catch (e) {\n\ }\n\ }\n\ });\n\ \n\ function pauseVhsSegmentLoader() {\n\ try {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ if (tech && tech.vhs && tech.vhs.masterPlaylistController_) {\n\ var mpc = tech.vhs.masterPlaylistController_;\n\ if (mpc.mainSegmentLoader_) {\n\ mpc.mainSegmentLoader_.abort();\n\ mpc.mainSegmentLoader_.pause();\n\ if (mpc.mainSegmentLoader_.pendingSegment_) {\n\ mpc.mainSegmentLoader_.pendingSegment_ = null;\n\ }\n\ }\n\ if (mpc.audioSegmentLoader_) {\n\ mpc.audioSegmentLoader_.abort();\n\ mpc.audioSegmentLoader_.pause();\n\ if (mpc.audioSegmentLoader_.pendingSegment_) {\n\ mpc.audioSegmentLoader_.pendingSegment_ = null;\n\ }\n\ }\n\ }\n\ } catch(e) {}\n\ }\n\ \n\ function resumeVhsSegmentLoader() {\n\ try {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ if (tech && tech.vhs && tech.vhs.masterPlaylistController_) {\n\ var mpc = tech.vhs.masterPlaylistController_;\n\ if (mpc.mainSegmentLoader_) mpc.mainSegmentLoader_.load();\n\ if (mpc.audioSegmentLoader_) mpc.audioSegmentLoader_.load();\n\ }\n\ } catch(e) {}\n\ }\n\ \n\ var wasPlayingBeforeHidden = false;\n\ \n\ function handleVisibilityChange() {\n\ try {\n\ var isHidden;\n\ if (handleVisibilityChange.__forceHidden) {\n\ isHidden = true;\n\ } else if (handleVisibilityChange.__forceVisible) {\n\ isHidden = false;\n\ } else {\n\ try {\n\ isHidden = (window.parent && window.parent.document) ? window.parent.document.hidden : document.hidden;\n\ } catch(e) {\n\ isHidden = document.hidden;\n\ }\n\ }\n\ \n\ if (isHidden) {\n\ isTabHidden = true;\n\ if (retryTimeoutId) {\n\ clearTimeout(retryTimeoutId);\n\ retryTimeoutId = null;\n\ }\n\ if (player && !player.isDisposed()) {\n\ wasPlayingBeforeHidden = !player.paused();\n\ player.pause();\n\ pauseVhsSegmentLoader();\n\ if (adsManager && adIsPlaying) {\n\ try { adsManager.pause(); } catch(e) {}\n\ }\n\ }\n\ } else {\n\ isTabHidden = false;\n\ if (player && !player.isDisposed()) {\n\ resumeVhsSegmentLoader();\n\ if (adsManager && adIsPlaying) {\n\ try { adsManager.resume(); } catch(e) {} \n\ return;\n\ }\n\ if (wasPlayingBeforeHidden && !userManuallyPaused) {\n\ player.play().catch(function(){});\n\ }\n\ if (!imaIsBusy && !adIsPlaying && firstAdRequested && !retryTimeoutId) {\n\ scheduleNextRetry(getRetryDelay(), 'tab became visible');\n\ }\n\ }\n\ }\n\ } catch(e) {}\n\ }\n\ handleVisibilityChange.__forceHidden = false;\n\ handleVisibilityChange.__forceVisible = false;\n\ \n\ document.addEventListener('visibilitychange', handleVisibilityChange);\n\ \n\ window.addEventListener('message', function(event) {\n\ if (!event.data || event.data.type !== 'ix_tab_visibility') return;\n\ if (event.data.hidden && !isTabHidden) {\n\ handleVisibilityChange.__forceHidden = true;\n\ handleVisibilityChange();\n\ handleVisibilityChange.__forceHidden = false;\n\ } else if (!event.data.hidden && isTabHidden) {\n\ handleVisibilityChange.__forceVisible = true;\n\ handleVisibilityChange();\n\ handleVisibilityChange.__forceVisible = false;\n\ }\n\ });\n\ \n\ (function() {\n\ var lastHiddenState = false;\n\ setInterval(function() {\n\ try {\n\ var parentHidden = false;\n\ try {\n\ if (window.parent && window.parent !== window && window.parent.document) {\n\ parentHidden = window.parent.document.hidden;\n\ }\n\ } catch(e) {\n\ parentHidden = document.hidden;\n\ }\n\ if (!parentHidden) parentHidden = document.hidden;\n\ \n\ if (parentHidden !== lastHiddenState) {\n\ lastHiddenState = parentHidden;\n\ if (parentHidden && !isTabHidden) {\n\ handleVisibilityChange.__forceHidden = true;\n\ handleVisibilityChange();\n\ handleVisibilityChange.__forceHidden = false;\n\ } else if (!parentHidden && isTabHidden) {\n\ handleVisibilityChange.__forceVisible = true;\n\ handleVisibilityChange();\n\ handleVisibilityChange.__forceVisible = false;\n\ }\n\ }\n\ } catch(e) {}\n\ }, 500);\n\ })();\n\ \n\ player.ima({\n\ debug: false,\n\ numRedirects: 10,\n\ });\n\ \n\ player.on('ads-manager', function(response) {\n\ adsManager = response.adsManager;\n\ isImaInitialized = true;\n\ \n\ if (adsManager) {\n\ vastResponseReceived = true;\n\ \n\ startCreativeLoadCheck();\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.LOADED,\n\ function(e) {\n\ creativeLoaded = true;\n\ \n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ creativeCheckTimeoutId = null;\n\ }\n\ }\n\ );\n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.STARTED,\n\ function(e) {\n\ creativeLoaded = true;\n\ adIsPlaying = true;\n\ hideAdLoader();\n\ \n\ if (creativeCheckTimeoutId) {\n\ clearTimeout(creativeCheckTimeoutId);\n\ creativeCheckTimeoutId = null;\n\ }\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.IMPRESSION,\n\ function(e) {\n\ creativeLoaded = true;\n\ adIsPlaying = true;\n\ hideAdLoader();\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.FIRST_QUARTILE,\n\ function(e) {\n\ if (!adIsPlaying) {\n\ adIsPlaying = true;\n\ hideAdLoader();\n\ }\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.COMPLETE,\n\ function(e) {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad complete');\n\ resumeMainVideo();\n\ scheduleNextRetry(getRetryDelay(), 'ad complete');\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.ALL_ADS_COMPLETED,\n\ function(e) {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'all ads complete');\n\ resumeMainVideo();\n\ scheduleNextRetry(getRetryDelay(), 'all complete');\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.SKIPPED,\n\ function(e) {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad skipped');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'skipped');\n\ }\n\ );\n\ adsManager.addEventListener(\n\ google.ima.AdErrorEvent.Type.AD_ERROR,\n\ function(e) {\n\ const error = e.getError();\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad error');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'error');\n\ }\n\ );\n\ \n\ adsManager.addEventListener(\n\ google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED,\n\ function(e) {\n\ adIsPlaying = false;\n\ hideAdLoader();\n\ resumeMainVideo();\n\ }\n\ );\n\ }\n\ });\n\ \n\ player.on('adsready', function() {\n\ isImaInitialized = true;\n\ });\n\ \n\ player.on('adloaded', function() {\n\ creativeLoaded = true;\n\ });\n\ \n\ player.on('adstart', function() {\n\ creativeLoaded = true;\n\ adIsPlaying = true;\n\ hideAdLoader();\n\ \n\ if (masterTimeoutId) {\n\ clearTimeout(masterTimeoutId);\n\ masterTimeoutId = null;\n\ }\n\ });\n\ \n\ player.on('adend', function() {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad ended');\n\ resumeMainVideo();\n\ scheduleNextRetry(getRetryDelay(), 'ad ended');\n\ });\n\ \n\ player.on('adskip', function() {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad skipped');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'skipped');\n\ });\n\ \n\ player.on('aderror', function(e) {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ad error');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'error');\n\ });\n\ \n\ player.on('adtimeout', function() {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'no fill');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'no fill');\n\ });\n\ \n\ player.on('contentresumed', function() {\n\ hideAdLoader();\n\ if (imaIsBusy && !adIsPlaying) {\n\ setImaBusy(false, 'content resumed');\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'content resumed');\n\ }\n\ resumeMainVideo();\n\ });\n\ \n\ player.on('adserror', function(e) {\n\ adIsPlaying = false;\n\ setImaBusy(false, 'ads error');\n\ resumeMainVideo();\n\ scheduleNextRetry(RETRY_DELAY_NO_FILL, 'ads error');\n\ });\n\ player.ready(function() {\n\ \n\ var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\ \n\ isPlayerReady = true;\n\ \n\ try {\n\ player.load();\n\ } catch(e) {\n\ }\n\ \n\ player.one('loadedmetadata', function() {\n\ \n\ setTimeout(function() {\n\ try {\n\ player.currentTime(0.01);\n\ } catch(e) {\n\ }\n\ }, 100); \n\ \n\ if (isFirefox) {\n\ try {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ if (tech && tech.vhs && tech.vhs.playlists && tech.vhs.playlists.media) {\n\ var media = tech.vhs.playlists.media();\n\ if (media && media.segments && media.segments.length > 0) {\n\ var totalDuration = 0;\n\ for (var i = 0; i < media.segments.length; i++) {\n\ totalDuration += (media.segments[i].duration || 0);\n\ }\n\ if (totalDuration > 0 && isFinite(totalDuration)) {\n\ \n\ var originalDuration = player.duration.bind(player);\n\ player.duration = function() {\n\ var d = originalDuration();\n\ return (!isFinite(d) || d === 0) ? totalDuration : d;\n\ };\n\ \n\ player.removeClass('vjs-live');\n\ player.removeClass('vjs-liveui');\n\ if (player.controlBar && player.controlBar.liveDisplay) {\n\ player.controlBar.liveDisplay.hide();\n\ }\n\ if (player.controlBar && player.controlBar.progressControl) {\n\ player.controlBar.progressControl.show();\n\ }\n\ if (player.controlBar && player.controlBar.durationDisplay) {\n\ player.controlBar.durationDisplay.show();\n\ }\n\ if (player.controlBar && player.controlBar.currentTimeDisplay) {\n\ player.controlBar.currentTimeDisplay.show();\n\ }\n\ player.trigger('durationchange');\n\ }\n\ }\n\ }\n\ } catch(e) {\n\ }\n\ }\n\ });\n\ \n\ try {\n\ var videoEl = null;\n\ \n\ if (player && player.tech && player.tech({ IWillNotUseThisInProduction: true })) {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ videoEl = tech && tech.el && tech.el();\n\ }\n\ \n\ if (!videoEl) {\n\ videoEl = document.querySelector('#my-video_html5_api');\n\ }\n\ \n\ if (videoEl && typeof videoEl.play === 'function') {\n\ videoEl.muted = true;\n\ \n\ if (isSafari) {\n\ try {\n\ var p = videoEl.play();\n\ if (p && p.catch) p.catch(function(){});\n\ } catch(e) {\n\ }\n\ } else {\n\ }\n\ \n\ } else {\n\ }\n\ \n\ } catch (e) {\n\ }\n\ \n\ player.ima.initializeAdDisplayContainer();\n\ \n\ var playPromise;\n\ if (isSafari) {\n\ setTimeout(function() {\n\ playPromise = player.play();\n\ }, 100);\n\ } else {\n\ playPromise = player.play();\n\ }\n\ \n\ setTimeout(function() {\n\ try {\n\ \n\ player.trigger('playing');\n\ player.trigger('contentchanged');\n\ player.trigger('contentresumed');\n\ \n\ if (player.ads && player.ads.state !== 'content-set') {\n\ player.ads._contentEnded = false;\n\ }\n\ \n\ } catch(e) {\n\ }\n\ }, 100);\n\ \n\ player.trigger('adsready');\n\ \n\ if (!isVideoPlaying) {\n\ isVideoPlaying = true;\n\ }\n\ \n\ if (playPromise && typeof playPromise.then === 'function') {\n\ playPromise.then(function() {\n\ }).catch(function(e) {\n\ player.muted(true);\n\ player.play().catch(function(){});\n\ });\n\ }\n\ \n\ if (playPromise && typeof playPromise.then === 'function') {\n\ playPromise.then(function() {\n\ }).catch(function(e) {\n\ player.muted(true);\n\ player.play().catch(function(){});\n\ });\n\ }\n\ \n\ setTimeout(function() {\n\ if (!isVideoPlaying && player && !player.isDisposed() && player.readyState() >= 2) {\n\ isVideoPlaying = true;\n\ }\n\ }, 2000);\n\ \n\ initCheckIntervalId = setInterval(waitForInitAndRequestAd, INIT_CHECK_INTERVAL);\n\ \n\ try {\n\ var tech = player.tech({ IWillNotUseThisInProduction: true });\n\ \n\ if (tech && tech.vhs) {\n\ \n\ player.on('waiting', function() {\n\ \n\ setTimeout(function() {\n\ if (!player.paused()) {\n\ player.play().catch(function(){});\n\ }\n\ }, 1000);\n\ });\n\ \n\ var lastTime = 0;\n\ \n\ setInterval(function() {\n\ var current = player.currentTime();\n\ \n\ if (current === lastTime && !player.paused()) {\n\ \n\ try {\n\ player.currentTime(current + 0.01);\n\ } catch(e){}\n\ }\n\ \n\ lastTime = current;\n\ }, 2000);\n\ }\n\ \n\ } catch(e) {\n\ }\n\ \n\ });\n\ \n\ player.on('playing', function() {\n\ isVideoPlaying = true;\n\ });\n\ \n\ player.on('canplay', function() {\n\ if (!isVideoPlaying) {\n\ isVideoPlaying = true;\n\ }\n\ });\n\ \n\ player.on('loadedmetadata', function() {\n\ if (!isVideoPlaying && player.readyState() >= 2) {\n\ isVideoPlaying = true;\n\ }\n\ });\n\ \n\ setInterval(function() {\n\ if (isTabHidden) return;\n\ if (userManuallyPaused) return;\n\ if (!imaIsBusy && !adIsPlaying && firstAdRequested) {\n\ if (player && !player.isDisposed() && player.paused()) {\n\ resumeMainVideo();\n\ }\n\ }\n\ }, 5000);\n\ let loopAdRequested = false;\n\ \n\ player.on('timeupdate', function() {\n\ const currentTime = player.currentTime();\n\ \n\ if (lastKnownTime > 5 && currentTime < 1) {\n\ if (!loopAdRequested && !imaIsBusy && !adIsPlaying && firstAdRequested && !isTabHidden) {\n\ loopAdRequested = true;\n\ setTimeout(function() {\n\ if (!imaIsBusy && !adIsPlaying && !isTabHidden) {\n\ requestAd();\n\ }\n\ }, 300);\n\ }\n\ }\n\ \n\ if (currentTime > 2) {\n\ loopAdRequested = false;\n\ }\n\ \n\ lastKnownTime = currentTime;\n\ });\n\ \n\ player.on('pause', function() {\n\ if (!adIsPlaying && !imaIsBusy && !isTabHidden) {\n\ userManuallyPaused = true;\n\ }\n\ });\n\ \n\ player.on('play', function() {\n\ userManuallyPaused = false;\n\ });\n\ \n\ if (mbEnabled) {\n\ const videoContainer = document.getElementById('incrx-video-container');\n\ const observer = new IntersectionObserver(function(entries) {\n\ entries.forEach(function(entry) {\n\ if (entry.isIntersecting && entry.intersectionRatio > 0.5) {\n\ hasViewedMainVideo = true;\n\ observer.disconnect();\n\ }\n\ });\n\ }, { threshold: 0.5 });\n\ observer.observe(videoContainer);\n\ } else {\n\ hasViewedMainVideo = true;\n\ }\n\ \n\ if (window.parent !== window) {\n\ window.parent.postMessage({ type: 'ix_player_ready', hasViewedMainVideo: hasViewedMainVideo }, '*');\n\ }\n\ \n\ if (mbEnabled) {\n\ const viewCheck = setInterval(function() { \n\ if (hasViewedMainVideo) {\n\ if (window.parent !== window) {\n\ window.parent.postMessage({ type: 'ix_player_viewed', hasViewedMainVideo: true }, '*');\n\ }\n\ clearInterval(viewCheck);\n\ }\n\ }, 500);\n\ }\n\ \n\ window.addEventListener('message', function(event) {\n\ if (!event.data) return;\n\ \n\ if (event.data.type === 'ix_player_set_floating') {\n\ const isFloating = event.data.isFloating;\n\ const width = event.data.dimensions.width;\n\ const height = event.data.dimensions.height;\n\ \n\ const wasPlaying = adIsPlaying && adsManager;\n\ if (wasPlaying) { try { adsManager.pause(); } catch(e) {} }\n\ \n\ requestAnimationFrame(function() {\n\ const floatingEls = document.querySelectorAll('#incrx-video-container, #my-video, .vjs-tech, .video-js');\n\ floatingEls.forEach(function(el) {\n\ if (isFloating) {\n\ el.classList.add('ix_ipl_floating');\n\ } else {\n\ el.classList.remove('ix_ipl_floating');\n\ }\n\ });\n\ \n\ const container = document.getElementById('incrx-video-container');\n\ if (container) {\n\ container.style.width = '100%';\n\ container.style.height = '100%';\n\ }\n\ \n\ player.width(width);\n\ player.height(height);\n\ \n\ if (adsManager && adIsPlaying) {\n\ try { adsManager.resize(width, height, google.ima.ViewMode.NORMAL); } catch(e) {} \n\ }\n\ \n\ if (wasPlaying) { try { adsManager.resume(); } catch(e) {} }\n\ });\n\ }\n\ \n\ if (event.data.type === 'ix_player_resize') {\n\ const width = event.data.dimensions.width;\n\ const height = event.data.dimensions.height;\n\ \n\ player.width(width);\n\ player.height(height);\n\ \n\ if (adsManager && adIsPlaying) {\n\ try { adsManager.resize(width, height, google.ima.ViewMode.NORMAL); } catch(e) {} \n\ }\n\ }\n\ });\n\ \n\ window.addEventListener('beforeunload', function() {\n\ clearAllTimeouts();\n\ });\n\ \n\ })();\n\ </script>\n\ </body>\n\ </html>\n\ "; if (isSafari) { const blob = new Blob([iframeHTML], { type: 'text/html' }); const blobUrl = URL.createObjectURL(blob); playerIframe.src = blobUrl; playerIframe.onload = function () { URL.revokeObjectURL(blobUrl); }; } else { iframeDoc.open(); iframeDoc.write(iframeHTML); iframeDoc.close(); } } function getFloatingDimensions() { return { width: 260, height: 150, totalHeight: 150 }; } function setupFloatingBehavior(containerDiv, closeButton, floatingBrand) { var floatingClosed = false; var isFloating = false; var floatingDimensions = getFloatingDimensions(); var floaterMode = ix_ipl_floaterParam || 'r'; var isFloatingEnabled = floaterMode !== '0'; if (!isFloatingEnabled) return; var playerIframe = containerDiv.querySelector('iframe'); var posRight = floaterMode === 'l' ? 'auto' : '20px'; var posLeft = floaterMode === 'l' ? '20px' : 'auto'; var sentinelStyle = 'width: 1px; ' + 'height: 1px; ' + 'margin: 0; ' + 'padding: 0; ' + 'border: none; ' + 'background: transparent; ' + 'visibility: hidden; ' + 'pointer-events: none; ' + 'position: relative; ' + 'display: block;'; var sentinelTop = document.createElement('div'); sentinelTop.id = 'ix-sentinel-top-' + ix_ipl_cB; sentinelTop.setAttribute('style', sentinelStyle); containerDiv.parentNode.insertBefore(sentinelTop, containerDiv); var sentinelBottom = document.createElement('div'); sentinelBottom.id = 'ix-sentinel-bottom-' + ix_ipl_cB; sentinelBottom.setAttribute('style', sentinelStyle); if (containerDiv.nextSibling) { containerDiv.parentNode.insertBefore(sentinelBottom, containerDiv.nextSibling); } else { containerDiv.parentNode.appendChild(sentinelBottom); } var placeholder = document.createElement('div'); placeholder.id = 'ix-placeholder-' + ix_ipl_cB; placeholder.setAttribute('style', 'display: none; ' + 'margin: 0; ' + 'padding: 0; ' + 'border: none; ' + 'background: transparent; ' + 'pointer-events: none;' ); var hasVisitedContainer = false; var topVisible = false; var bottomVisible = false; var dockedContainerStyle = containerDiv.getAttribute('style'); function updateFloatingState() { if (floatingClosed) return; if (!hasVisitedContainer) return; if (!topVisible && !bottomVisible && !isFloating) { goFloat(); } else if ((topVisible || bottomVisible) && isFloating) { goDock(); } } function goFloat() { if (isFloating || floatingClosed) return; isFloating = true; var currentWidth = containerDiv.offsetWidth; var currentHeight = containerDiv.offsetHeight; var currentMarginTop = window.getComputedStyle(containerDiv).marginTop; containerDiv.parentNode.insertBefore(placeholder, containerDiv); placeholder.setAttribute('style', 'display: block; ' + 'width: ' + currentWidth + 'px; ' + 'height: ' + currentHeight + 'px; ' + 'margin: 0; ' + 'margin-top: ' + currentMarginTop + '; ' + 'padding: 0; ' + 'border: none; ' + 'background: transparent; ' + 'pointer-events: none;' ); containerDiv.classList.add('ix-player-floating'); containerDiv.setAttribute('style', 'position: fixed; ' + 'bottom: 120px; ' + 'right: ' + posRight + '; ' + 'left: ' + posLeft + '; ' + 'width: ' + floatingDimensions.width + 'px; ' + 'height: ' + floatingDimensions.totalHeight + 'px; ' + 'z-index: 2147483647; ' + 'box-shadow: 0 4px 12px rgba(0,0,0,0.3); ' + 'margin: 0; ' + 'padding: 0; ' + 'border: none; ' + 'overflow: visible; ' + 'display: block; ' + 'background: transparent; ' + 'box-sizing: border-box;' ); closeButton.style.display = 'block'; if (playerIframe.contentWindow) { playerIframe.contentWindow.postMessage({ type: 'ix_player_set_floating', isFloating: true, dimensions: { width: floatingDimensions.width, height: floatingDimensions.height } }, '*'); } } function goDock() { if (!isFloating) return; isFloating = false; containerDiv.classList.remove('ix-player-floating'); containerDiv.setAttribute('style', dockedContainerStyle); if (placeholder.parentNode) { placeholder.parentNode.removeChild(placeholder); } closeButton.style.display = 'none'; if (playerIframe.contentWindow) { var w = containerDiv.offsetWidth || dimensions.width; var h = containerDiv.offsetHeight || IX_DESKTOP_CONTENT_HEIGHT; playerIframe.contentWindow.postMessage({ type: 'ix_player_set_floating', isFloating: false, dimensions: { width: w, height: h } }, '*'); } } closeButton.addEventListener('click', function () { floatingClosed = true; goDock(); }); if (window.IntersectionObserver) { var topObserver = new IntersectionObserver(function (entries) { var entry = entries[0]; if (!entry) return; topVisible = entry.isIntersecting; if (!hasVisitedContainer && topVisible) { hasVisitedContainer = true; } updateFloatingState(); }, { root: null, rootMargin: '0px', threshold: 0 }); var bottomObserver = new IntersectionObserver(function (entries) { var entry = entries[0]; if (!entry) return; bottomVisible = entry.isIntersecting; if (!hasVisitedContainer && bottomVisible) { hasVisitedContainer = true; } updateFloatingState(); }, { root: null, rootMargin: '0px', threshold: 0 }); topObserver.observe(sentinelTop); bottomObserver.observe(sentinelBottom); var topRect = sentinelTop.getBoundingClientRect(); var bottomRect = sentinelBottom.getBoundingClientRect(); topVisible = topRect.top >= 0 && topRect.top < window.innerHeight; bottomVisible = bottomRect.top >= 0 && bottomRect.top < window.innerHeight; if (topVisible || bottomVisible) { hasVisitedContainer = true; } } var lastKnownWidth = window.innerWidth; window.addEventListener('resize', function () { var newWidth = window.innerWidth; if (newWidth !== lastKnownWidth) { lastKnownWidth = newWidth; if (isFloating) goDock(); } }); } function setupParentVisibilityBridge(playerIframe) { document.addEventListener('visibilitychange', function () { try { if (playerIframe && playerIframe.contentWindow) { playerIframe.contentWindow.postMessage({ type: 'ix_tab_visibility', hidden: document.hidden }, '*'); } } catch (e) { } }); } function ix_ipl_start() { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { if (!ix_ipl_prnElmnt || ix_ipl_prnElmnt === document.documentElement) { ix_ipl_prnElmnt = getParentElement(); } const { containerDiv, playerIframe, closeButton, floatingBrand } = createPlayerIframe(); setupFloatingBehavior(containerDiv, closeButton, floatingBrand); setupParentVisibilityBridge(playerIframe); var isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); if (isSafariBrowser) { initializePlayerInIframe(playerIframe); } else { playerIframe.onload = function () { initializePlayerInIframe(playerIframe); }; if (playerIframe.contentDocument && playerIframe.contentDocument.readyState === 'complete') { initializePlayerInIframe(playerIframe); } } }); } else { if (!ix_ipl_prnElmnt || ix_ipl_prnElmnt === document.documentElement) { ix_ipl_prnElmnt = getParentElement(); } const { containerDiv, playerIframe, closeButton, floatingBrand } = createPlayerIframe(); setupFloatingBehavior(containerDiv, closeButton, floatingBrand); setupParentVisibilityBridge(playerIframe); var isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); if (isSafariBrowser) { initializePlayerInIframe(playerIframe); } else { playerIframe.onload = function () { initializePlayerInIframe(playerIframe); }; setTimeout(function () { initializePlayerInIframe(playerIframe); }, 0); } } } ix_ipl_start();