À partir de Chrome 53 et iOS 10, Android et iPhone prennent en charge la lecture vidéo intégrée et lecture automatique avec le son coupé. Ce guide présente les modifications apportées échantillon simple requises pour cette fonctionnalité.
Les annonces désactivables nécessitent que le contenu de votre lecteur vidéo soit intégré (et non en plein écran) et désactiver la lecture personnalisée sur l'iPhone. La lecture personnalisée est toujours désactivée sur Chrome pour Android. Modifiez le code HTML et JavaScript de l'exemple simple comme suit:
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);
La modification du code HTML garantit que votre contenu est lu dans un lecteur vidéo intégré sur au lieu du lecteur plein écran par défaut de l'iPhone, le son est coupé au départ. La modification JavaScript oblige le SDK IMA à utiliser son propre lecteur vidéo pour lire les annonces, au lieu de réutiliser votre lecteur de contenu comme d'habitude sur un iPhone.