Audio dan Video HTML

Redaksi PetiknetRabu, 22 Maret 2023 | 17:30 WIB
Audio dan Video HTML
Audio dan Video HTML

Petik.net - Audio dan video adalah bagian penting dari dunia digital saat ini. Keduanya memainkan peran yang besar dalam menyampaikan informasi dan hiburan kepada pengguna internet.

Dalam hal ini, memiliki beberapa tag yang bisa kamu gunakan untuk menambahkan audio dan video ke situs web kamu.

Tag audio HTML

Tag audio memungkinkan kamu untuk menambahkan audio ke situs web kamu. Tag ini memiliki beberapa atribut yang memungkinkan kamu untuk mengatur tampilan dan perilaku audio.

Berikut adalah contoh kode HTML untuk menambahkan audio:


Atribut “controls” menambahkan kontrol audio seperti play, pause, dan volume. Atribut “src” menentukan sumber audio yang akan diputar. Atribut “type” menentukan tipe file audio. Jika browser pengguna tidak mendukung audio, tag p akan ditampilkan.

Tag video HTML

Tag video HTML memungkinkan kamu untuk menambahkan video ke situs web kamu. Tag ini memiliki beberapa atribut yang memungkinkan kamu untuk mengatur tampilan dan perilaku video.

Berikut adalah contoh kode HTML untuk menambahkan video:


Atribut “width” dan “height” menentukan ukuran video. Atribut “controls” menambahkan kontrol video seperti play, pause, dan volume. Atribut “src” menentukan sumber video yang akan diputar.

Atribut “type” menentukan tipe file video. Jika browser pengguna tidak mendukung video, tag p akan ditampilkan.

Autoplay, Loop, dan Mute

Kamu juga bisa menambahkan opsi tambahan seperti autoplay, loop, dan mute pada tag audio dan video.

Berikut adalah contoh kode HTML yang menambahkan opsi autoplay dan loop: