Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิดีโออินไลน์ HTML5 บน iPhone เทียบกับ iPad/เบราว์เซอร์


allowsInlineMediaPlayback คุณสมบัติของ UIWebView) เปิด/ปิดการเล่นสื่อแบบบรรทัดในเว็บเบราว์เซอร์ iOS สำหรับแอปที่มาพร้อมเครื่อง

ตามค่าเริ่มต้น บน iPhone ค่านี้จะตั้งไว้ที่ NO แต่บน iPad จะตั้งค่าเป็น YES ดังนั้นโปรแกรมเล่นวิดีโอเนทีฟจะเข้ามาแทนที่หน้าจอ ซึ่งขัดขวางไม่ให้เราเล่นเนื้อหาแบบไดนามิกอื่นๆ พร้อมกันกับวิดีโอ

ปรับพฤติกรรมนี้ใน HTML ดังนี้ -

<video id = "myVideo" width = "280" height = "140" webkit-playsinline> 

iOS10+

ใน iOS 10+ ตอนนี้ Apple ได้เปิดใช้งานแอตทริบิวต์playinline ในเว็บเบราว์เซอร์ทั้งหมดบน iOS 10 ตอนนี้ ลองใช้สิ่งนี้อย่างง่ายดาย -

<video src = "new.mp4" playsinline>