การกำหนดขนาดของวีดีโอ
หากวีดีโอของเราที่เตรียมไว้ มีขนาดที่ใหญ่เกินไป เมื่อแทรกลงไปในเว็บเพจดูไม่เหมาะสมกับเนื้อหา เราสามารถกำหนดขนาดความกว้างและความสูงของวีดีโอได้ ดังนี้
Attribute
แอททริบิวต์ | width, height |
ตำแหน่งแท็ก | อยู่ภายในแท็กเปิด <video>...</video> |
รูปแบบการใช้แท็ก | <video width="value" height="value"> ..... </video> |
value | กำหนดค่าเป็นจำนวนพิกเซลหรือเป็น % |
ตัวอย่างการใช้งาน
<body>
<video controls width="320px" height="240px">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
</body> <source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
การแสดงผล
ขนาดวีดีโอก็จะมีขนาดเท่ากับที่เรากำหนด ในการกำหนดขนาดก็จะเหมือนกันการกำหนดขนาดของรูปภาพ