Audio, Video & Embedded Iframes

Embed native HTML5 audio/video with fallback sources, controls, loop, muted, and iframe security.

Native Multimedia Elements

<!-- HTML5 Video with multiple source fallbacks -->
<video controls width="640" height="360" poster="/images/poster.jpg">
    <source src="/videos/tutorial.mp4" type="video/mp4">
    <source src="/videos/tutorial.webm" type="video/webm">
    Your browser does not support HTML5 video.
</video>

<!-- Responsive Video Iframe -->
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" title="Tutorial Stream" frameborder="0" allowfullscreen loading="lazy"></iframe>

Previous Images, Picture Element & Responsive Media

Next Lesson HTML Images (img, alt, loading="lazy", srcset)