从 Chrome 53 和 iOS 10 开始,Android 和 iPhone 支持内嵌视频播放和 自动静音播放。本指南将向您介绍对 简单示例 实现这一功能所需的资源。
可跳过式广告要求视频播放器以内嵌方式(而非全屏)播放内容, 并在 iPhone 上停用自定义播放功能。自定义播放功能始终处于停用状态 。修改该简单示例的 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 上那样重复使用内容播放器