:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 แบบทดสอบก่อนเรียน
การแทรกวีดีโอในเว็บเพจ
 การควบคุมการเล่น Controls
 การใช้งานพรีโหลดPreload
 การเล่นอัตโนมัติ Autoplay
 การเล่นซ้ำ Loop
 การแสดงภาพตัวอย่าง Poster
 การกำหนดขนาดของวีดีโอ
 การแทรกเสียงในเว็บเพจ Audio
 การเล่นเสียงอัตโนมัติ
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
การแสดงภาพตัวอย่าง 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>


การแสดงผล

จากตัวอย่างก็จะปรากฏภาพตัวอย่างของวีดีโอเพื่อ ให้ผู้เข้าชมเว็บทราบคร่าว ๆ ว่าวีดีโอนั้นเกี่ยวกับอะไร