如何在不依赖主视频的情况下使用SDK并解决adsManager.init报错问题

你遇到的TypeError: Cannot read properties of undefined (reading 'init')报错，核心原因是adsManager对象没有成功实例化，你在移除主视频相关配置时，破坏了Google IMA SDK生成adsManager的前置依赖条件，可按以下步骤修复：

• 不要完全移除所有视频相关配置，保留一个隐藏的<video>元素作为广告渲染的底层载体即可，你可以通过CSS将其设置为visibility: hidden或者宽高设为0，不需要和你的主业务逻辑绑定，仅满足IMA SDK的初始化要求。
• 严格保证adsManager.init()的调用时序，必须在AdsLoader的ADS_MANAGER_LOADED事件回调中获取实例后再调用，提前调用会直接读取到undefined的对象：

  // 正确调用逻辑示例
  const adsLoader = new google.ima.AdsLoader(adDisplayContainer);
  adsLoader.addEventListener(
    google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
    (adsManagerLoadedEvent) => {
      // 仅此处能拿到有效adsManager实例
      const adsManager = adsManagerLoadedEvent.getAdsManager();
      adsManager.init(640, 360, google.ima.ViewMode.NORMAL);
      adsManager.start();
    }
  )
  

• 如果投放的是非视频类广告（如静态图、富文本广告），可以给IMA SDK指定独立的div作为渲染容器，不需要绑定视频元素，但要注意在初始化AdDisplayContainer时传入该div节点，不要直接清空所有媒体相关配置。

注意：不要在ADS_MANAGER_LOADED事件触发前尝试操作adsManager对象，也不要删除IMA SDK初始化必须的容器配置

内容的提问来源于stack exchange，提问作者victorgaribay