건너뛸 수 있는 모바일 광고

Chrome 53과 iOS 10부터 Android 및 iPhone은 인라인 동영상 재생 및 음소거된 자동재생을 지원합니다. 이 가이드에서는 이 기능에 필요한 간단한 샘플의 수정 방법을 안내합니다.

건너뛸 수 있는 광고를 게재하려면 동영상 플레이어에서 콘텐츠를 전체 화면이 아닌 인라인으로 재생해야 하며, iPhone에서 맞춤 재생을 사용 중지해야 합니다. 맞춤 재생은 Android Chrome에서 항상 사용 중지됩니다. 간단한 샘플의 HTML 및 자바스크립트를 다음과 같이 수정합니다.

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

HTML을 변경하면 콘텐츠가 iPhone의 기본 전체 화면 플레이어가 아닌 iPhone의 인라인 동영상 플레이어에서 재생되고 음소거 상태에서 시작됩니다. 자바스크립트 변경으로 인해 IMA SDK는 iPhone에서 일반적으로 사용하는 콘텐츠 플레이어를 재사용하는 대신 자체 동영상 플레이어를 사용하여 광고를 재생합니다.