Überspringbare mobile Anzeigen

Ab Chrome 53 und iOS 10 unterstützen Android und iPhone die Inline-Videowiedergabe und Autoplay stummgeschaltet. Dieser Leitfaden führt Sie durch die Änderungen an der einfaches Beispiel die für diese Funktion erforderlich sind.

Bei überspringbaren Anzeigen muss der Content im Videoplayer inline (nicht im Vollbildmodus) wiedergegeben werden und dass Sie die benutzerdefinierte Wiedergabe auf dem iPhone deaktivieren. Die benutzerdefinierte Wiedergabe ist immer deaktiviert in Android Chrome. Ä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 am HTML-Code wird sichergestellt, dass dein Content in einem Inline-Videoplayer iPhone statt des standardmäßigen Vollbild-Players von iPhone und startet im stummgeschalteten Zustand. Aufgrund der JavaScript-Änderung wird für das IMA SDK ein eigener Videoplayer verwendet, um Anzeigen wiederzugeben. anstatt den Inhaltsplayer wie auf einem iPhone wiederzuverwenden.