Überspringbare mobile Anzeigen

Ab Chrome 53 und iOS 10 unterstützen Android und iPhone die Inline-Videowiedergabe und die stummgeschaltete Autoplay-Funktion. In diesem Leitfaden werden die Änderungen an dem einfachen Beispiel beschrieben, das für diese Funktion erforderlich ist.

Für überspringbare Anzeigen müssen die Inhalte in Ihrem Videoplayer inline (nicht im Vollbildmodus) wiedergegeben werden. Außerdem müssen Sie die benutzerdefinierte Wiedergabe auf dem iPhone deaktivieren. Die benutzerdefinierte Wiedergabe ist in Android Chrome immer deaktiviert. Ändern Sie den HTML- und JavaScript-Code des einfachen Beispiels wie folgt:

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);

Durch die Änderung des HTML-Codes wird sichergestellt, dass deine Inhalte auf dem iPhone in einem Inline-Videoplayer statt im standardmäßigen Vollbildplayer des iPhones wiedergegeben und ohne Ton gestartet werden. Durch die JavaScript-Änderung wird für das IMA SDK ein eigener Videoplayer verwendet, um Anzeigen wiederzugeben, statt wie gewohnt Ihren Contentplayer wiederzuverwenden.