Javascript HTML5视频播放器与谷歌预售

Javascript HTML5视频播放器与谷歌预售,javascript,html,html5-video,Javascript,Html,Html5 Video,我一直在开发一款定制的HTML5视频播放器,它包含了一个预播放视频。我现在正在实施Google IMA SDK,遇到了一些问题 集成文档如下所示: 我不明白的是,究竟是什么在调用requestAds&onAdsLoaded函数。看起来应该是直截了当的,但我肯定错过了什么 你可以在这里看到消息来源:我能找到答案,其实很简单。我刚刚从requestAd函数中删除了事件监听器和adrequest。这是最后的剧本 <script src="http://www.google.com/uds?fi

我一直在开发一款定制的HTML5视频播放器,它包含了一个预播放视频。我现在正在实施Google IMA SDK,遇到了一些问题

集成文档如下所示:

我不明白的是,究竟是什么在调用requestAds&onAdsLoaded函数。看起来应该是直截了当的,但我肯定错过了什么


你可以在这里看到消息来源:

我能找到答案,其实很简单。我刚刚从requestAd函数中删除了事件监听器和adrequest。这是最后的剧本

<script src="http://www.google.com/uds?file=ima&v=1&nodependencyload=true"></script>
<script>

var adsManager;
var adsLoader;
var clickTrackingOverlay = document.getElementById('clickTrackingOverlay');
var videoElement = document.getElementById('myVideoElement');   
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://ad.doubleclick.net/pfadx/AngelaSite;kw=html5linearnonlinear;sz=300x300;ord=5036130;dcmt=text/xml",
      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>

风险资产管理人;
无功负载;
var clickTrackingOverlay=document.getElementById('clickTrackingOverlay');
var videoElement=document.getElementById('myVideoElement');
var adsLoader=new google.ima.adsLoader();
//添加事件侦听器
adsLoader.addEventListener(
google.ima.adsloadeEvent.Type.ADS\u已加载,
加载,
假);
adsLoader.addEventListener(
google.ima.AdErrorEvent.Type.AD_错误,
奥纳德罗,
假);
//创建请求对象
var adsRequest={
adTagUrl:“http://ad.doubleclick.net/pfadx/AngelaSite;kw=HTML5linearOnlinear;sz=300x300;ord=5036130;dcmt=text/xml“,
广告类型:“视频”
};
//请求
adsLoader.requestAds(adsRequest);
已加载的函数(已加载的事件){
//找广告经理
adsManager=adsloadeEvent.getAdsManager();
adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR,onAdError);
//倾听并响应需要暂停/恢复内容的事件
adsManager.addEventListener(
google.ima.AdEvent.Type.CONTENT\u暂停\u请求,
onPauseRequested);
adsManager.addEventListener(
google.ima.AdEvent.Type.CONTENT\u RESUME\u请求,
(如有要求);
//设置视频广告中应跟踪点击的视觉元素
adsManager.setClickTrackingElement(单击TrackingOverlay);
试一试{
//拨打play开始播放广告。
adsManager.play(videoElement);
}捕获(错误){
//如果大量响应出现问题,可能会抛出错误。
}
}
函数onAdError(adErrorEvent){
//处理错误日志记录。
log(adErrorEvent.getError());
}
函数onPauseRequested(){
videoElement.pause();
//显示广告的设置界面(例如显示广告计时器倒计时、,
//禁用搜索等)
//setupUIForAd();
}
函数onResumeRequested(){
//设置用于显示内容的UI。
//setupUIForContent();
videoElement.play();
}