HTML DOM Video วัตถุ

ตัวแปร Video

ตัวแปร Video คือตัวแปรใหม่ใน HTML5。

ตัวแปร Video นำเสนอองค์ประกอบ HTML <video>。

เข้าถึงตัวแปร Video

คุณสามารถเข้าถึงองค์ประกอบ <video> ด้วยการใช้ getElementById() ได้:

var x = document.getElementById("myVideo");

ลองเดาเอง

สร้างวิดีโอ

คุณสามารถสร้างองค์ประกอบ <video> โดยใช้วิธี document.createElement()

var x = document.createElement("VIDEO");

ลองเดาเอง

คุณสมบัติของวิดีโอ

คุณสมบัติ คำอธิบาย
audioTracks ส่งออกวิธี AudioTrackList ที่แสดงส่วนที่มีรายนำเสียง
autoplay ตั้งค่าหรือส่งออกค่าว่าควรเริ่มเล่นวิดีโวทันทีหลังจากการที่โหลดเสร็จหรือไม่
buffered ส่งออกวิธี TimeRanges ที่แสดงส่วนที่วิดีโวที่เคยหนีหน้าแล้ว
controller ส่งออกวิธี MediaController ที่แสดงคุณค่าการควบคุมของวิดีโว
controls ตั้งค่าหรือส่งออกค่าว่าควรแสดงคุณค่าการควบคุม (เช่น ย้อนหลัง/เล่นต่อ)
crossOrigin ตั้งค่าหรือส่งออกค่าการตั้งค่า CORS ของวิดีโว
currentSrc ส่งออก URL ของวิดีโอที่เล่นอยู่ตอนนี้
currentTime ตั้งค่าหรือส่งออกค่าตำแหน่งการเล่นของวิดีโว (เป็นวินาที)
defaultMuted ตั้งค่าหรือส่งออกค่าว่าวิดีโวควรเปิดเสียงโดยเริ่มต้นหรือไม่
defaultPlaybackRate ตั้งค่าหรือส่งออกค่าความเร็วการเล่นโดยเริ่มต้นของวิดีโอ
duration ส่งออกความยาวของวิดีโอ (เป็นวินาที)
ended ส่งออกความว่าการเล่นวิดีโอได้เสร็จแล้วหรือไม่
error ส่งออกวิธี MediaError ที่แสดงสถานะของข้อผิดพลาดของวิดีโอ
height ตั้งค่าหรือส่งออกค่าของคุณสมบัติ height ของวิดีโอ
loop ตั้งค่าหรือส่งออกค่าว่าวิดีโอควรเล่นอีกครั้งหลังจากการจบ
mediaGroup ตั้งค่าหรือส่งออกค่าชื่อของกลุ่มสื่อที่วิดีโออยู่ใน
muted ตั้งค่าหรือส่งออกค่าว่าควรปิดเสียงหรือไม่
networkState ส่งออกสถานะเครือข่ายของวิดีโอ
paused ตั้งค่าหรือส่งออกค่าว่าวิดีโอควรหยุดหรือไม่
playbackRate ตั้งค่าหรือส่งออกค่าความเร็วการเล่นวิดีโอ
played ส่งออกวิธี TimeRanges ที่แสดงส่วนที่เล่นไปแล้วของวิดีโอ
poster ตั้งค่าหรือส่งออกค่าของคุณสมบัติ poster ของวิดีโอ
preload ตั้งค่าหรือส่งออกค่าของคุณสมบัติ preload ของวิดีโอ
readyState ส่งออกสถานะที่วิดีโอนำไปทำงานตอนนี้
seekable ส่งออกวิธี TimeRanges ที่แสดงส่วนที่สามารถหาหน้าจากวิดีโอ
seeking กลับค่าว่าผู้ใช้กำลังค้นหาในวิดีโอหรือไม่
src ตั้งค่าหรือกลับค่าคุณสมบัติ src ของวิดีโอ
startDate กลับค่า Object Date ที่แสดงตำแหน่งเวลาที่ใช้งานขณะนี้
textTracks กลับค่า Object TextTrackList ที่แสดงรายการทางข้อความที่สามารถใช้งานได้
videoTracks กลับค่า Object VideoTrackList ที่แสดงรายการทางวิดีโอที่สามารถใช้งานได้
volume ตั้งค่าหรือกลับค่าความดังของวิดีโอ
width ตั้งค่าหรือกลับค่าคุณสมบัติ width ของวิดีโอ

วิธีของ Object Video

วิธี คำอธิบาย
addTextTrack() เพิ่มรายนามของ track ข้อความใหม่ให้กับวิดีโอ
canPlayType() ตรวจสอบว่าเบราเซอร์สามารถเล่นชนิดวิดีโอที่กำหนดไว้หรือไม่
load() โหลดวิดีโอ element ใหม่
play() เริ่มเล่นวิดีโอ
pause() หยุดการเล่นวิดีโอที่กำลังเล่น

มาตรฐานและเหตุการณ์

Video Object สนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์.

หน้าที่เกี่ยวข้อง

ตัวอย่าง HTML:วิดีโอ HTML5

คู่มืออ้างอิง HTML:ตามแบบ HTML <video>