HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>HTML Multimedia Example</title>

  <style>

    video, iframe { max-width: 100%; border-radius: 8px; }

    section { margin-bottom: 2rem; }

  </style>

</head>

<body>

  <h1>HTML Multimedia Example</h1>



  <section>

    <h2>Audio Example</h2>

    <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>

  </section>



  <section>

    <h2>Video Example</h2>

    <video width="640" height="360" controls>

      <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" type="video/webm">

      Your browser does not support the video tag.

    </video>

  </section>



  <section>

    <h2>Embedded Video</h2>

    <iframe width="560" height="315"

      src="https://www.youtube.com/embed/EngW7tLk6R8"

      title="Embedded tutorial video"

      allowfullscreen></iframe>

  </section>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Multimedia — Complete Example