HTML 5 Problemy z Google IMA SDK

Question

Dobra, szukałem od dawna dobrego przykładu, jak uzyskać pakiet HTML IMA SDK od Google.

Wkleiłem mój kod poniżej, wszystko, co się dzieje, to film HTML 5 pokazuje, że to nic nie boli. Nie sądzę, że JavaScript jest uruchomiony i wiem o tym, bo coś pomieszałem. Proszę pomóż. Chcę tylko wyświetlać reklamy w HTML 5 vid

Podpisałem mój tag VAST dla tagu przykładowego Googles i użyłem ogólnego filmu znalezionego w Internecie dla filmu src. Każdy ma sugestię, dlaczego to nie działa.

 <video id="videohtml5" width="720" height="405" controls="controls"> 
     <source src="http://www.cncpts.me/complex/html5-IMA/NewBalance_NYCExperience_FINAL.mp4" type="video/mp4"> 
       Your browser does not support the video tag. 
     </video> 
     <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
     <script type="text/javascript"> 
     var adsManager; 
     var adsLoader; 
     var clickTrackingOverlay = document.getElementById('clickTrackingOverlay'); 
     var videoElement = document.getElementById('videohtml5'); 
     var adsLoader = new google.ima.AdsLoader(); 

      // Add event listeners 
     adsLoader.addEventListener(
      google.ima.AdsLoadedEvent.Type.ADS_LOADED, 
      onAdsLoaded, 
      false); 
     adsLoader.addEventListener(
      google.ima.AdErrorEvent.Type.AD_ERROR, 
      onAdError, 
      false); 

      // Create request object 
      var adsRequest = { 
       adTagUrl: "hhttp://pubads.g.doubleclick.net/gampad/ads?sz=400x300&iu=%2F6062%2Fiab_vast_samples&ciu_szs=300x250%2C728x90&impl=s&gdfp_req=1&env=vp&output=xml_vast2&unviewed_position_start=1&url=[referrer_url]&correlator=[timestamp]&cust_params=iab_vast_samples%3Dlinear", 
       adType: "video" 
      }; 

      // Make request 
      adsLoader.requestAds(adsRequest); 

      function onAdsLoaded(adsLoadedEvent) { 
      // Get the ads manager 
      adsManager = adsLoadedEvent.getAdsManager(); 
      adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); 

      // Listen and respond to events which require you to pause/resume content 
      adsManager.addEventListener(
       google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, 
       onPauseRequested); 
      adsManager.addEventListener(
       google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, 
       onResumeRequested); 

      // Set a visual element on which clicks should be tracked for video ads 
      adsManager.setClickTrackingElement(clickTrackingOverlay); 
      try { 
       // Call play to start showing the ad. 
       adsManager.play(videoElement); 
      } catch (adError) { 
       // An error may be thrown if there was a problem with the VAST response. 
      } 
      } 

      function onAdError(adErrorEvent) { 
      // Handle the error logging. 
      console.log(adErrorEvent.getError()); 
      } 

      function onPauseRequested() { 
      videoElement.pause(); 
      // Setup UI for showing ads (e.g. display ad timer countdown, 
      // disable seeking, etc.) 
      // setupUIForAd(); 
      } 

      function onResumeRequested() { 
      // Setup UI back for showing content. 
      // setupUIForContent(); 
      videoElement.play(); 
      } 
     </script> 

Answer 1

zorientowaliśmy się następnym zadaniem jest dowiedzieć się, jak uruchomić to na obiekt embed wewnątrz iframe

 <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script type="text/javascript" src="http://www.google.com/uds?file=ima&v=1&nodependencyload=true"></script> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#videohtml5").click(function(){ 
     var adsManager; 
     var clickTrackingOverlay = document.getElementById('clickTrackingOverlay'); 
     var videoElement = document.getElementById('videohtml5'); 
     var adsLoader = new google.ima.AdsLoader(); 

      // Add event listeners 
     adsLoader.addEventListener(
      google.ima.AdsLoadedEvent.Type.ADS_LOADED, 
      onAdsLoaded, 
      false); 
     adsLoader.addEventListener(
      google.ima.AdErrorEvent.Type.AD_ERROR, 
      onAdError, 
      false); 

      // Create request object 
      var adsRequest = { 
       adTagUrl: "http://pubads.g.doubleclick.net/gampad/ads?sz=400x300&iu=%2F6062%2Fiab_vast_samples&ciu_szs=300x250%2C728x90&impl=s&gdfp_req=1&env=vp&output=xml_vast2&unviewed_position_start=1&url=[referrer_url]&correlator=[timestamp]&cust_params=iab_vast_samples%3Dlinear", 
       adType: "video" 
      }; 

      // Make request 

      adsLoader.requestAds(adsRequest); 


      function onAdsLoaded(adsLoadedEvent) { 
      // Get the ads manager 
      adsManager = adsLoadedEvent.getAdsManager(); 
      adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); 

      // Listen and respond to events which require you to pause/resume content 
      adsManager.addEventListener(
       google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, 
       onPauseRequested); 
      adsManager.addEventListener(
       google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, 
       onResumeRequested); 

      // Set a visual element on which clicks should be tracked for video ads 
      adsManager.setClickTrackingElement(clickTrackingOverlay); 
      try { 
       // Call play to start showing the ad. 
       adsManager.play(videoElement); 
      } catch (adError) { 
       // An error may be thrown if there was a problem with the VAST response. 
      } 
      } 

      function onAdError(adErrorEvent) { 
      // Handle the error logging. 
      console.log(adErrorEvent.getError()); 
      } 

      function onPauseRequested() { 
      videoElement.pause(); 
      // Setup UI for showing ads (e.g. display ad timer countdown, 
      // disable seeking, etc.) 
      // setupUIForAd(); 
      } 

      function onResumeRequested() { 
      // Setup UI back for showing content. 
      // setupUIForContent(); 
      videoElement.play(); 
      } 


      }); 
     }); 



     </script> 
     <video id="videohtml5" width="720" height="405" controls="controls" onclick=""> 
     <source src="#" type="video/mp4"> 
       Your browser does not support the video tag. 
     </video>