Depuis Chrome 53 et iOS 10, Android et iPhone permettent la lecture automatique des vidéos intégrées et le son coupé. Ce guide décrit les modifications apportées à l'exemple simple requis pour cette fonctionnalité.
Les annonces désactivables nécessitent que votre lecteur vidéo lise le contenu intégré (et non en plein écran) et vous devez désactiver la lecture personnalisée sur 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 iPhone, et non dans le lecteur plein écran par défaut de l'iPhone, et démarre avec le son coupé. Suite à la modification de JavaScript, le SDK IMA utilise son propre lecteur vidéo pour lire les annonces, au lieu de réutiliser votre lecteur de contenu comme il le ferait normalement sur iPhone.