city:vision - city:vision - Bad Friedrichshall 1 (2024)

'); $('#broadcastvideo').append('

Werbung noch:

'); $('#broadcastvideo').append('

überspringen

'); $('.playerInfoField').hide(); var data = { 'portal_id': protalID, 'clip_id': 1, 'status': 'adplaying', 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); var dataAd = { 'portal_id': protalID, 'clip_id': videoID, 'status': 'firstplaying', 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: dataAd, url: urlCountMobile }); _paq.push(['setDocumentTitle', preroll.title]); _paq.push(['trackPageView']); } } }); player.on('timeupdate', function(){ currentTime = Math.ceil(this.currentTime()); durationTime = Math.ceil(this.duration()); videoTime = 1 + durationTime - currentTime; if(videoStatus.is_commercial == 'y'){ $('.wbText').children('span').html(videoTime + ' sek.'); if($('.wbSkip').css('display') == 'none' && currentTime > 5){ $('.wbSkip').show(); $('.wbSkip').on('click touchstart', function () { $('.wbText').hide(); $('.wbSkip').hide(); _paq.push(['setDocumentTitle', preroll.title+' - ad skip']); _paq.push(['trackPageView']); player.playlist.next(); }); } } if(videoTime % 3 === 0){ if(videoTime != cVideoTime){ cVideoTime = videoTime; var data = { 'portal_id': protalID, 'clip_id': videoID, 'status': 'update', 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); } } }); player.on('ended', function () { //console.log(player.playlist.currentItem()); //console.log(player.playlist.length); var data = { 'portal_id': protalID, 'clip_id': videoID, 'status': 'ended', 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); $('.wbText').hide(); }); }); if(vastURL != ''){ var content = $('content'); var videoContent = $('broadcastvideo_html5_api'); var adContainer = $('adContainer'); var refurl = (window.location != window.parent.location) ? document.referrer : document.location.href; vastURL = vastURL.replace(/#URL#/g, encodeURIComponent(refurl)); vastURL = vastURL.replace('#TIMESTAMP#', Date.now()); vastURL = vastURL.replace('#WIDTH#', 640); vastURL = vastURL.replace('#HEIGHT#', 360); var adDisplayContainer = new google.ima.AdDisplayContainer( document.getElementById('adContainer'), videoContent); // Must be done as the result of a user action on mobile adDisplayContainer.initialize(); // Re-use this AdsLoader instance for the entire lifecycle of your page. var adsLoader = new google.ima.AdsLoader(adDisplayContainer); adsLoader.getSettings().setNumRedirects(9); // Add event listeners adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); function onAdError(adErrorEvent) { // Handle the error logging and destroy the AdsManager var adError = adErrorEvent.getError(); $('#adContainer').hide(); //adsManager.destroy(); var data = { 'portal_id': protalID, 'clip_id': 1, 'status': 'aderror', 'comment': JSON.stringify(adError), 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); } // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. var contentEndedListener = function() {adsLoader.contentComplete();}; videoContent.onended = contentEndedListener; // Request video ads. var adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = vastURL; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. adsRequest.linearAdSlotWidth = 640; adsRequest.linearAdSlotHeight = 400; adsRequest.nonLinearAdSlotWidth = 640; adsRequest.nonLinearAdSlotHeight = 150; $('.vjs-big-play-button').on('click touchstart', function () { contentPlaying = true; adsLoader.requestAds(adsRequest); }); $('.vjs-poster').on('click touchstart', function () { contentPlaying = true; adsLoader.requestAds(adsRequest); }); function onAdsManagerLoaded(adsManagerLoadedEvent) { contentPlaying = true; $('#adContainer').show(); // Get the ads manager. adsManager = adsManagerLoadedEvent.getAdsManager( videoContent); // See API reference for contentPlayback // Add listeners to the required events. adsManager.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(640, 360, google.ima.ViewMode.NORMAL); // Call start to show ads. Single video and overlay ads will // start at this time; this call will be ignored for ad rules, as ad rules // ads start when the adsManager is initialized. adsManager.start(); var data = { 'portal_id': protalID, 'clip_id': 1, 'status': 'adplaying', 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. var data = { 'portal_id': protalID, 'clip_id': 1, 'status': 'aderror', 'comment': JSON.stringify(adError), 'session_id': "aa28797f18b10ea12ecce716909ad975", 'device': ua.device.type }; var urlCountMobile = "https://embed2.telvi.de/count"; $.ajax({ type: 'POST', data: data, url: urlCountMobile }); } } function onContentPauseRequested() { // This function is where you should setup UI for showing ads (e.g. // display ad timer countdown, disable seeking, etc.) $('#broadcastvideo').hide(); $('.playerInfoField').hide(); $('#adContainer').css('display', 'grid'); $('#adContainer div').css({width: '100%', height: '100%'}); $('#adContainer iframe').css({width: '100%', height: '100%'}); player.on('ended', function(){ this.removeEventListener('ended', contentEndedListener); }) player.pause(); } function onContentResumeRequested() { // This function is where you should ensure that your UI is ready // to play content. $('#broadcastvideo').show(); if(player.playlist.currentItem() < (videoList.length-1)) { $('.playerInfoField').show(); $('[data-action=next]').show(); } $('#adContainer').hide(); player.on('ended', function(){ this.removeEventListener('ended', contentEndedListener); }) player.play(); } } });