Play video and sound without plugins.
✍️ 3 exercises + code challenge in this lessonHTML5 can play media natively:
<video> plays video files such as MP4 and WebM.<audio> plays sound files such as MP3 and OGG.<source> lists alternative files; the browser uses the first one it supports.controls: show play, pause and volume buttons.autoplay: start automatically (browsers usually require muted too).loop, muted, poster (an image shown before the video plays).<iframe>.Mastering HTML Media: Video & Audio helps you write clean and reliable HTML code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.
<video width="320" height="180" controls muted>
<source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p>Audio:</p>
<audio controls>
<source src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>Check what you learned in “HTML Media: Video & Audio”.
Show the play/pause buttons on the video.
<video src="movie.mp4" width="320" ></video>
Which element lists alternative media files?
Add an <audio> element with controls.
Free sign-in required · Google login available
Stuck on something?
Ask the community in the CodesInTech forum.
Need a developer?
Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.
Explore Our Services