HTML5 Audio & Video — Free HTML Tutorial

Learn HTML5 Audio & Video in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

HTML5 Audio & Video — Free HTML Tutorial

Learn HTML5 Audio & Video in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn HTML5 Audio & Video in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

HTML5 Audio & Video in HTML

<audio> and <video> elements play media natively without plugins. Use controls, autoplay, muted, loop attributes.

Multiple <source> elements for browser compatibility. poster attribute shows thumbnail for video.

Formats: MP4, WebM, Ogg for video; MP3, WAV, OGG for audio.

HTML5 Audio & Video — Syntax

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
</audio>

<video controls width="400" poster="thumb.jpg">
  <source src="video.mp4" type="video/mp4">
</video>

Learn HTML5 Audio & Video step by step with Syllab's free interactive HTML tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full HTML course →