Audio, Video, & iframe

Video

Elemen <video> memutar video langsung di browser tanpa plugin tambahan:

<video controls width="480" poster="sampul.jpg">
  <source src="film.mp4" type="video/mp4">
  <source src="film.webm" type="video/webm">
  Browsermu tidak mendukung video.
</video>

Beberapa <source> memberi browser pilihan format; ia memakai yang pertama dapat diputar. Teks di dalam tag tampil hanya bila browser tidak mendukung video.

Audio

<audio controls>
  <source src="lagu.mp3" type="audio/mpeg">
  Browsermu tidak mendukung audio.
</audio>

Teks dan subtitle: track

Tambahkan subtitle dengan <track> di dalam video:

<video controls src="film.mp4">
  <track kind="subtitles" src="id.vtt" srclang="id" label="Indonesia" default>
</video>

iframe: halaman di dalam halaman

<iframe> menyisipkan halaman web lain, misalnya video YouTube atau peta Google Maps.

<iframe src="https://www.youtube.com/embed/ID_VIDEO"
        title="Video belajar HTML"
        width="560" height="315"
        loading="lazy" allowfullscreen></iframe>

• title wajib, agar pembaca layar tahu isi iframe.
• loading="lazy" menunda pemuatan sampai dibutuhkan.
• Atribut sandbox membatasi apa yang boleh dilakukan halaman di dalamnya. Pakai bila isi iframe tidak sepenuhnya kamu percaya.