Reklamy możliwe do pominięcia na urządzeniach mobilnych

Od wersji Chrome 53 i iOS 10 Android i iPhone obsługują odtwarzanie filmów w treści i wyciszone autoodtwarzanie. W tym przewodniku omawiamy modyfikacje prostego przykładu, który jest wymagany do obsługi tej funkcji.

Reklamy możliwe do pominięcia wymagają, aby odtwarzacz wideo odtwarzał treści w tekście (nie na pełnym ekranie) i wymagał wyłączenia odtwarzania niestandardowego na iPhonie. Niestandardowe odtwarzanie jest zawsze wyłączone w Chrome na Androidzie. Zmodyfikuj kod HTML i JavaScript prostego przykładu w ten sposób:

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

Dzięki zmianie kodu HTML Twoje materiały będą odtwarzane we wbudowanym odtwarzaczu na iPhonie (a nie w domyślnym odtwarzaczu pełnoekranowym) oraz będą odtwarzane z wyciszonym dźwiękiem. Zmiana kodu JavaScript powoduje, że pakiet IMA SDK do odtwarzania reklam używa własnego odtwarzacza wideo, zamiast korzystać z odtwarzacza, tak jak w przypadku iPhone'a.