スキップ可能なモバイル広告

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 はデフォルトの全画面表示プレーヤーではなく、ミュート状態で起動します。 JavaScript の変更により、IMA SDK は独自の動画プレーヤーを使用して広告を再生します。 コンテンツ プレーヤーを再利用する必要はありません。