HTML 5 Problemi con Google IMA SDK

Question

Okay ho cercato per un esempio decente su come ottenere l'IMA SDK HTML 5 da Google.

Ho incollato il mio codice qui sotto, tutto ciò che accade è che il video HTML 5 si presenta senza errori. Non penso che Javascript stia funzionando e lo so perché ho fatto un casino. Per favore aiuto. Voglio solo visualizzare annunci in un vid HTML 5

Ho sostituito il mio tag VAST per il tag di esempio di Google e ho usato un video generico che ho trovato sul web per il video src. Qualcuno ha un suggerimento sul perché questo non funziona.

 <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

capito prossimo compito è quello di imparare come eseguire questo su un oggetto di incorporamento all'interno di un 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>