HTML <video> รายละเอียด width

HTML <video> แบบภาพ

การกำหนดและการใช้งาน

width รายละเอียดกำหนดความกว้างของโปรแกรมเล่นวิดีโอ ด้วยหน่วยเซนติเมตร

คำแนะนำ：ต้องกำหนดรายละเอียดของวิดีโอเสมอๆ height และ width รายละเอียดเหล่านี้ ถ้ากำหนดรายละเอียดเหล่านี้ จะกลับคืนพื้นที่ที่ต้องใช้ในวิดีโอเมื่อโหลดหน้าเว็บ แต่ถ้าไม่มีรายละเอียดเหล่านี้ โปรแกรมเว็บบราวเซอร์ไม่ทราบขนาดของวิดีโอ จึงไม่สามารถจัดหาพื้นที่ที่เหมาะสมสำหรับมันได้ ผลที่เกิดขึ้นคือเครื่องมือเว็บจะเปลี่ยนแปลงระหว่างโหลด (ขณะที่วิดีโอกำลังโหลด)

หมายเหตุ：ไม่ควรใช้ height และ width ปรับปรุงขนาดวิดีโอใหม่! การใช้รายละเอียดเหล่านี้เพื่อขยายวิดีโอใหญ่จะบังคับให้ผู้ใช้ดาวน์โหลดวิดีโอตัวเดิม (แม้ว่าจะดูเล็กบนหน้าเว็บไซต์) วิธีที่ถูกต้องคือใช้โปรแกรมปรับขนาดวิดีโอก่อนที่จะใช้วิดีโอในหน้าเว็บ

ตัวอย่าง

เคยตั้งค่าความสูงและความกว้างของโปรแกรมเล่นวิดีโอที่เปิดเผย:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  เบราซเรอร์ของคุณไม่สนับสนุนแบบภาพวิดีโอ
</video>

ทดลองด้วยตัวเอง

ระบุ

<video width="pixels">

ค่าของคุณสมบัติ

ค่า คำอธิบาย
pixels ความกว้างของวิดีโอ ด้วยหน่วยเปอกซิล (เช่น width="100")

การสนับสนุนโดยเบราซเรอร์

ตัวเลขในตารางนี้ระบุสูตรรุ่นของเบราซเรอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

HTML <video> แบบภาพ