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

HTML5 inline video บน iPhone เทียบกับ iPad/เบราว์เซอร์


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

โดยค่าเริ่มต้นบน iPhone ตั้งเป็น NO แต่บน iPad ตั้งเป็น YES ดังนั้น native video player จะครอบครองหน้าจอ ทำให้เราไม่สามารถเล่นเนื้อหาไดนามิกอื่นๆ พร้อมกับวิดีโอได้

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

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

iOS10+

ใน iOS 10+ Apple เปิดใช้งานแอตทริบิวต์ playsinline ในทุกเบราว์เซอร์เว็บบน iOS 10 ตอนนี้สามารถเล่นได้ง่ายขึ้น:

<video src="new.mp4" playsinline>