แบบทดสอบก่อนเรียน
แบบทดสอบก่อนเรียน
การแสดงภาพตัวอย่าง Poster
ภาพหรือเฟรมที่ใช้แทนวีดีโอ ช่วยให้เราสามารถทราบได้ย่างคร่าว ๆ ว่าวีดีโอนั้นเกี่ยวข้องกับอะไรซึ่งใน HTML5 เราสามารถใช้ poster เพื่เกำหนดภาพตัวอย่างของวีดีโอได้ ซึ่งสามารถนำเอาภาพที่เป็น .gif .jpeg หรือ .png มาใช้ก็ได้ แต่ภาพที่นำมาควรมีความกว้างความยาวเท่ากับขนาดของวีดีโอ
Attribute
| แอททริบิวต์ | poster |
| ตำแหน่งแท็ก | อยู่ภายในแท็กเปิด <video>...</video> |
| รูปแบบการใช้แท็ก | <video poster="url > ..... </video> |
ตัวอย่างการใช้งาน
<body>
<video controls poster="image.jpg">
<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>
การแสดงผล
จากตัวอย่างก็จะปรากฏภาพตัวอย่างของวีดีโอเพื่อ ให้ผู้เข้าชมเว็บทราบคร่าว ๆ ว่าวีดีโอนั้นเกี่ยวกับอะไร
