移动可跳过广告

从 Chrome 53 和 iOS 10 开始,Android 和 iPhone 支持内嵌视频播放和静音自动播放。本指南将逐步介绍此功能所需的简单示例的修改。

可跳过式广告要求您的视频播放器以内嵌方式(非全屏)播放内容,并且您必须在 iPhone 上停用自定义播放。在 Android Chrome 上,自定义播放功能始终处于停用状态。按如下所示修改简单示例的 HTML 和 JavaScript:

index.html

<video id="contentElement" playsinline>
  <source src="https://storage.googleapis.com/gvabox/media/samples/stock.mp4">
</video>

ads.js

google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true);
adDisplayContainer =
    new google.ima.AdDisplayContainer(containerElement, contentVideoElement);
adsLoader = new google.ima.AdsLoader(adDisplayContainer);

对 HTML 的更改可确保您的内容在 iPhone 上的内嵌视频播放器(而非 iPhone 的默认全屏播放器)中播放,并以静音状态开始播放。这项 JavaScript 更改会导致 IMA SDK 使用自己的视频播放器来播放广告,而不是像在 iPhone 上通常那样重复使用您的内容播放器。