एचटीएमएल 5 Google आईएमए एसडीके

Question

के साथ समस्याएं ठीक है मैंने Google के काम से एचटीएमएल 5 आईएमए एसडीके कैसे प्राप्त किया है, इस बारे में एक सभ्य उदाहरण के लिए अल ओवर की खोज की है।

मैंने नीचे अपना कोड चिपकाया है, ऐसा होता है कि HTML 5 वीडियो दिखाता है कि इसमें कोई त्रुटि नहीं है। मुझे नहीं लगता कि जावास्क्रिप्ट भी चल रहा है और मुझे इसकी जानकारी है क्योंकि मैंने कुछ गड़बड़ कर ली है। कृपया मदद करे। मैं सिर्फ एचटीएमएल 5 vid

में विज्ञापनों को प्रदर्शित करना चाहता हूं, मैंने गूगल्स उदाहरण टैग के लिए अपना VAST टैग प्रतिस्थापित किया है और src वीडियो के लिए वेब पर मिले एक सामान्य वीडियो का उपयोग किया है। किसी के पास कोई सुझाव नहीं है कि यह क्यों काम नहीं करता है।

 <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

यह सोचा बाहर अगले काम कैसे एक 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>