Lire des vidéos de façon intégrée sur iOS

Afin d'améliorer les performances des annonces et d'offrir une meilleure expérience de visionnage, les éditeurs Google Ad Manager ont besoin de l'attribut playsinline pour toutes les vidéos InBanner. Cet attribut garantit que les créations vidéo InBanner ne s'affichent pas en plein écran sans l'intervention de l'internaute.

À partir de juin 2019, toutes les créations HTML5 comportant des vidéos InBanner dépourvues de l'attribut playsinline seront filtrées dans les mises aux enchères Display & Video 360. Vous devez systématiquement activer la lecture intégrée pour toutes les vidéos InBanner afin de vous assurer que vos créations sont éligibles pour les enchères.

Remarque : L'attribut webkit-playsinline n'est pas compatible. Veillez à n'utiliser que l'attribut playsinline.

Comment activer la lecture intégrée

Google Web Designer

Toutes les créations conçues avec Google Web Designer après le 14 mars 2019 (version 5.0.4.0226) incluent automatiquement l'attribut obligatoire (playsinline). Si votre création a été conçue avant cette date, effectuez la mise à jour vers la dernière version de Google Web Designer, puis ouvrez et publiez à nouveau votre création.

HTML

Ajoutez l'attribut playsinline à chaque élément vidéo de votre code HTML. Étant donné qu'il s'agit d'un élément booléen, l'ajout de l'attribut playsinline seul revient à le définir sur la valeur "true".

<video id="video1" controls="controls" poster="image.jpg" playsinline>
   <source type="video/mp4" src="video.mp4" />
   <source type="video/ogg" src="video.ogg" />
   <source type="video/webm" src="video.webm" />
</video>

Lecteur YouTube

Si vous utilisez le lecteur YouTube avec Google Web Designer, suivez les étapes ci-dessus propres à cette dernière interface pour mettre à jour les créations, si nécessaire.

Si vous utilisez l'API du lecteur YouTube, ajoutez le paramètre de lecteur playsinline.

<iframe id="ytplayer" type="text/html" width="720" height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?playsinline=1"
frameborder="0" allowfullscreen>