ในเนื้อหานี้จะพูดถึงเรื่องของสื่อต่างๆ โดยส่วนใหญ์มักจะเป็น เสียง (Audio) และ วิดีโอ (Videos) ซึ่งสิ่งต่างๆที่เรามองเห็นหรือได้ยินเกือบทั้งหมดคือสื่อในรูปแบบที่แตกต่างกันออกไป เช่น ภาพวาด ภาพถ่าย ภาพยนต์ แอนิเมชั่น เพลง เป็นต้น
รูปแบบไฟล์ที่ HTML รองรับ
1.เสียง (Audio)
- .mp3
- .wav
- .ogg
ตัวอย่างที่ 1 เล่นเสียงบนเบราว์เซอร์
<html>
<body>
<audio controls>
<source src="examplepath/filename.ogg" type="audio/ogg">
<source src="examplepath/filename.mp3" type="audio/mpeg">
</audio>
</body>
</html>
ไฟล์ที่ 1 sound.html
แอตทริบิวต์ในการเล่นไฟล์เสียง และวิดีโอประกอบด้วย
- controls สามารถเล่น/หยุดเสียงได้
- autoplay เล่น/หยุด อัตโนมัติ
2.วิดีโอ (Videos)
- .mp4
- .webm
- .ogg
ตัวอย่างที่ 2 เล่นวิดีโอบนเบราว์เซอร์
<html> <body> <video width="320" height="240" controls> <source src="path/filename.mp4" type="video/mp4"> <source src="path/filename.ogg" type="video/ogg"> </video> </body> </html>
ไฟล์ที่ 2 video.html