Anúncios puláveis para 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ídeos inline e a reprodução automática silenciada. Neste guia, apresentamos as modificações necessárias para essa funcionalidade no exemplo simples.

Os anúncios puláveis exigem que o player de vídeo reproduza conteúdo inline (não em tela cheia) e que a reprodução personalizada seja desativada 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 seu conteúdo seja exibido em um player de vídeo inline no iPhone, e não no player de tela cheia padrão do iPhone, e será iniciado sem som. A alteração no JavaScript faz com que o SDK do IMA use seu próprio player de vídeo para reproduzir anúncios, em vez de reutilizar o player de conteúdo como faria normalmente no iPhone.