Riedayme
Riedayme

Belajar HTML 5 - Tag Media


audio

tag audio ini digunakan untuk memutar suara didalam halaman web

penulisan kode
<audio controls="">
  <source src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
</audio>

hasil dari kode diatas


atribut tag audio

atribut fungsi nilai
autoplay memulai audio otomatis autoplay
controls memunculkan tombol kontrol controls
loop memutar ulang suara loop
muted meredamkan suara muted
preload menentukan audo akan diload dengan cara auto,metadata,none
src file sumber untuk audio url

embed

tag embed digunakan untuk aplikasi external, ataupun plugin

source

tag source digunakan untuk menentukan sumber file untuk tag media (picture,video,audio)

track

tag track digunakan untuk membuat daftar track pada tag media (video,audi)

video

tag video digunakan untuk menampilkan media berbentuk video

atribut tag video

atribut fungsi nilai
autoplay memulai audio otomatis autoplay
controls memunculkan tombol kontrol controls
loop memutar ulang suara loop
muted meredamkan suara muted
preload menentukan audo akan diload dengan cara auto,metadata,none
src file sumber untuk audio url
width dan height menentukan ukuran gambar px, %
poster gambar sebelum video diputar url

picture

tag picture digunakan untuk membuat gambar yang ditampilkan lebih feksibel untuk menentukan gambar yang akan ditampilkan, tag picture bisa membuat gambar tampil berbeda disetiap layar yang ukurannya berbeda.

penulisan kode
<picture>
 <source media="(min-width: 860px)" srcset="gambar_ukuran_860.jpg"/>
 <source media="(min-width: 460px)" srcset="gambar_ukuran_460.jpg"/> 
 <img src="gambar_ukuran_width_dibawah_460.jpg"/ alt='gambar'>
</picture>
0 Komentar
HTML

Artikel Terkait

Komentar