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.