// player setup playerInstance.setup({ width: '100%', preload: "true", aspectratio: '16:9', advertising: { "client": 'googima', outstream: "true", tag: 'https://pubads.g.doubleclick.net/gampad/ads?iu=/18422753/dunya-outstream&description_url=https%3A%2F%2Fdunyanews.tv&tfcd=0&npa=0&sz=320x480%7C640x360%7C640x480&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=', "endstate": "close" }, "displayHeading": true, }); playerInstance.on('ready', function() { // get player container height playerHeight = adMediaContainerEl.offsetHeight; // mute by default playerInstance.setMute(true); // unmute/mute player on adMediaContainerEl mouse enter/leave setEventListener(adMediaContainerEl, 'mouseenter', function() { playerInstance.setMute(false); }); setEventListener(adMediaContainerEl, 'mouseleave', function() { playerInstance.setMute(true); }); // handle ad display state on page load setTimeout(setAdDisplayState(), 1000); // attach scroll event listener to window setEventListener(window, 'scroll', function() { // skip if we're waiting on a scroll update timeout to finish if (isScrollTimeout) return; // flag that a new timeout will begin isScrollTimeout = true; // otherwise, execute scroll event handler setAdDisplayState(); // set new timeout setTimeout(function() { // reset timeout flag to false (no longer waiting) isScrollTimeout = false; }, 100); }); }); // handle when ad is complete or encounters error playerInstance.on('complete adComplete adError', function() { adEl.style.maxHeight = '0px'; setTimeout(function() { playerInstance.remove(); adMediaContainerEl.parentNode.removeChild(adMediaContainerEl); }, 500 /* should be the same duration as css transition */); });