วัตถุวิดีโอ
วัตถุวิดีโอใหม่ใน HTML5
วัตถุวิดีโอแสดงให้เห็นถึง HTML <video> องค์ประกอบ
หมายเหตุ: <video> องค์ประกอบที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
เข้าวัตถุวิดีโอ
คุณสามารถเข้าถึง <video> องค์ประกอบโดยใช้ getElementById() :
สร้างวัตถุวิดีโอ
คุณสามารถสร้าง <video> องค์ประกอบโดยใช้ document. createElement() document. createElement() วิธีการ:
คุณสมบัติวิดีโอวัตถุ
| คุณสมบัติ | ลักษณะ |
|---|---|
| audioTracks | ส่งคืนวัตถุ AudioTrackList เป็นตัวแทนของเสียงเพลงที่มีอยู่ |
| autoplay | ชุดหรือผลตอบแทนไม่ว่าจะเป็นวิดีโอควรเริ่มเล่นได้ทันทีที่พร้อม |
| buffered | ส่งคืนวัตถุ TimeRanges แทนส่วนบัฟเฟอร์ของวิดีโอ |
| controller | ส่งคืนวัตถุ MediaController เป็นตัวแทนของตัวควบคุมสื่อในปัจจุบันของวิดีโอ |
| controls | ชุดหรือผลตอบแทนไม่ว่าจะเป็นวิดีโอควรมีการควบคุมการแสดง (play/pause etc) |
| crossOrigin | ชุดหรือผลตอบแทนจากการตั้งค่า ธ ของวิดีโอ |
| currentSrc | ส่งกลับ URL ของวิดีโอในปัจจุบัน |
| currentTime | ตั้งหรือส่งกลับตำแหน่งการเล่นในปัจจุบันในวิดีโอ (in seconds) |
| defaultMuted | ชุดหรือผลตอบแทนไม่ว่าจะเป็นวิดีโอจะถูกปิดไปโดยปริยาย |
| defaultPlaybackRate | ชุดหรือผลตอบแทนไม่ว่าจะเป็นความเร็วในการเล่นเริ่มต้นของวิดีโอ |
| duration | ส่งกลับความยาวของวิดีโอ (in seconds) |
| ended | ผลตอบแทนที่ได้ไม่ว่าจะเป็นการเล่นวิดีโอได้สิ้นสุดลง |
| error | ส่งคืนวัตถุ MediaError เป็นตัวแทนของรัฐข้อผิดพลาดของวิดีโอ |
| height | ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ height แอตทริบิวต์ของวิดีโอ |
| loop | ชุดหรือผลตอบแทนไม่ว่าจะเป็นวิดีโอจะเริ่มเล่นซ้ำอีกทุกครั้งที่มันจะเสร็จสิ้น |
| mediaGroup | ชุดหรือผลตอบแทนที่ชื่อของกลุ่มสื่อ video(s) เป็นส่วนหนึ่งของ |
| muted | ชุดหรือผลตอบแทนไม่ว่าจะเป็นเสียงของวิดีโอควรปิด |
| networkState | ส่งคืนรัฐเครือข่ายในปัจจุบันของวิดีโอ |
| paused | ชุดหรือผลตอบแทนไม่ว่าจะเป็นวิดีโอถูกหยุดชั่วคราว |
| playbackRate | ชุดหรือผลตอบแทนที่ความเร็วในการเล่นวิดีโอ |
| played | ส่งคืนวัตถุ TimeRanges ตัวแทนของชิ้นส่วนการเล่นของวิดีโอ |
| poster | ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ poster แอตทริบิวต์ของวิดีโอ |
| preload | ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ preload แอตทริบิวต์ของวิดีโอ |
| readyState | ส่งคืนรัฐพร้อมที่ปัจจุบันของวิดีโอ |
| seekable | ส่งคืนวัตถุ TimeRanges แทนส่วน seekable ของวิดีโอ |
| seeking | ผลตอบแทนที่ได้ไม่ว่าจะเป็นผู้ใช้ที่กำลังมองหาในวิดีโอ |
| src | ตั้งค่าหรือผลตอบแทนที่คุ้มค่าของ src แอตทริบิวต์ของวิดีโอ |
| startDate | ส่งคืนวัตถุที่เป็นตัวแทนของวันเวลาปัจจุบันชดเชย |
| textTracks | ส่งคืนวัตถุ TextTrackList ตัวแทนแทร็ข้อความที่มีอยู่ |
| videoTracks | ส่งคืนวัตถุ VideoTrackList ตัวแทนของแทร็กวิดีโอที่มีอยู่ |
| volume | ตั้งค่าหรือผลตอบแทนที่ระดับเสียงของวิดีโอ |
| width | ชุดหรือผลตอบแทนที่คุ้มค่าของ width แอตทริบิวต์ของวิดีโอ |
วิธีการวิดีโอวัตถุ
| วิธี | ลักษณะ |
|---|---|
| addTextTrack() | เพิ่มการติดตามข้อความใหม่ไปยังวิดีโอ |
| canPlayType() | ตรวจสอบว่าเบราว์เซอร์สามารถเล่นประเภทวิดีโอที่ระบุ |
| load() | Re-โหลดองค์ประกอบวิดีโอ |
| play() | เริ่มเล่นวิดีโอ |
| pause() | หยุดวิดีโอที่กำลังเล่นอยู่ |
คุณสมบัติมาตรฐานและเหตุการณ์
วัตถุวิดีโอนอกจากนี้ยังสนับสนุนมาตรฐาน คุณสมบัติ และ เหตุการณ์ที่เกิดขึ้น
หน้าเว็บที่เกี่ยวข้อง
HTML กวดวิชา: วิดีโอ HTML5
อ้างอิง HTML: HTML <video> แท็ก