Od wersji Chrome 53 i iOS 10 Android i iPhone obsługują odtwarzanie wideo w treści wyciszone autoodtwarzanie. W tym przewodniku omawiamy modyfikacje próbka prosta wymagane do działania tej funkcji.
Reklamy możliwe do pominięcia muszą odtwarzać treści w tekście (nie na pełnym ekranie), oraz wyłączenie odtwarzania niestandardowego na iPhonie. Odtwarzanie niestandardowe jest zawsze wyłączone w Chrome na Androida. Zmodyfikuj kod HTML i JavaScript tego prostego przykładu w następujący 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);
Zmiana w kodzie HTML sprawi, że Twoje materiały będą odtwarzane we wbudowanym odtwarzaczu wideo na iPhone zamiast domyślnego pełnoekranowego odtwarzacza iPhone'a i uruchamia się z wyciszonym dźwiękiem. Zmiana kodu JavaScript powoduje, że pakiet IMA SDK używa do wyświetlania reklam własnego odtwarzacza wideo. zamiast używać odtwarzacza treści w taki sposób, jak to robisz na iPhonie.