โฆษณาแบบข้ามได้บนอุปกรณ์เคลื่อนที่

สำหรับ Chrome 53 และ iOS 10 นั้น Android และ iPhone รองรับการเล่นวิดีโอในหน้าและการเล่นอัตโนมัติแบบปิดเสียง คู่มือนี้จะอธิบายการปรับแก้ตัวอย่างแบบง่ายที่จำเป็นสำหรับฟังก์ชันการทำงานนี้

โฆษณาแบบข้ามได้กำหนดให้โปรแกรมเล่นวิดีโอของคุณเล่นเนื้อหาแบบอินไลน์ (ไม่ใช่แบบเต็มหน้าจอ) และคุณต้องปิดใช้การเล่นแบบกำหนดเองบน iPhone การเล่นแบบกำหนดเองจะปิดใช้ บน Android Chrome เสมอ แก้ไข HTML และ JavaScript ของตัวอย่างแบบง่ายดังนี้

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 และจะเริ่มต้นด้วยสถานะปิดเสียง การเปลี่ยนแปลง JavaScript จะทำให้ IMA SDK ใช้โปรแกรมเล่นวิดีโอของตนเองเพื่อเล่นโฆษณา แทนที่จะนำโปรแกรมเล่นเนื้อหาของคุณมาใช้ซ้ำตามปกติใน iPhone