Android และ iPhone รองรับ Chrome 53 และ iOS 10 รองรับการเล่นวิดีโอแบบในหน้าและการเล่นอัตโนมัติแบบปิดเสียง คู่มือนี้จะแนะนําการแก้ไขตัวอย่างง่ายๆ ที่จําเป็นสําหรับฟังก์ชันนี้
โฆษณาแบบข้ามได้กําหนดให้โปรแกรมเล่นวิดีโอเล่นเนื้อหาในบรรทัด (ไม่ใช่แบบเต็มหน้าจอ) และคุณจะปิดใช้การเล่นที่กําหนดเองใน 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