Ativar anúncios puláveis em dispositivos móveis

A partir do Chrome 53 e iOS 10, o Android e o iPhone são compatíveis com a reprodução de vídeo inline e reprodução automática silenciada. Este guia explica as modificações no exemplo simples necessários para essa funcionalidade.

Os anúncios puláveis exigem que o player de vídeo reproduza conteúdo inline (não em tela cheia). e que você desative a reprodução personalizada no iPhone. A reprodução personalizada está sempre desativada no Chrome para Android. Modifique o HTML e o JavaScript do exemplo simples da seguinte maneira:

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

A mudança no HTML garante que o conteúdo seja reproduzido em um player de vídeo inline no iPhone, em vez do player de tela cheia padrão do iPhone, e inicia sem som. A alteração do JavaScript faz com que o SDK do IMA use o próprio player de vídeo para reproduzir anúncios, em vez de reutilizar o player de conteúdo como faria normalmente no iPhone.