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

แอตทริบิวต์และการใช้งานองค์ประกอบ <video> ใน HTML5


แท็ก HTML5 <audio> และ <video> ทำให้ง่ายต่อการเพิ่มสื่อลงเว็บไซต์ ต้องตั้งค่าแอตทริบิวต์ src เพื่อระบุแหล่งสื่อ และใส่แอตทริบิวต์ controls เพื่อให้ผู้ใช้เล่น/หยุดชั่วคราวได้

แท็ก video ของ HTML5 มีแอตทริบิวต์หลายตัวควบคุมลักษณะและฟังก์ชัน:

ลำดับแอตทริบิวต์และคำอธิบาย
1Autoplay
แอตทริบิวต์ boolean หากระบุ วิดีโอจะเล่นอัตโนมัติทันทีที่ทำได้โดยไม่ต้องรอโหลดข้อมูลหมด
2Autobuffer
แอตทริบิวต์ boolean หากระบุ วิดีโอจะเริ่มบัฟเฟอร์อัตโนมัติแม้ไม่ได้ตั้งค่า autoplay
3Controls
หากมีแอตทริบิวต์นี้ จะอนุญาตให้ผู้ใช้ควบคุมการเล่นวิดีโอ รวมถึงระดับเสียง การข้าม และเล่น/หยุดชั่วคราว
4Height
ระบุความสูงพื้นที่แสดงวิดีโอ ในพิกเซล CSS
5Loop
แอตทริบิวต์ boolean หากระบุ วิดีโอจะข้ามกลับไปจุดเริ่มอัตโนมัติเมื่อจบ
6Preload
ระบุว่าวิดีโอจะโหลดตอนโหลดหน้า และพร้อมเล่น ไม่มีผลหากมี autoplay
7Poster
URL ของภาพแสดงจนกว่าผู้ใช้จะเล่นหรือข้าม
8Src
URL ของวิดีโอที่จะฝัง ไม่บังคับ อาจใช้ <source> ภายใน video block แทน
9Width
ระบุความกว้างพื้นที่แสดงวิดีโอ ในพิกเซล CSS