Memainkan Audio di HTML

<audio controls="controls" height="50px" width="100px">

<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
<embed height="50px" width="100px" src="song.mp3" />
</audio>
Pengertian
<audio controls="controls" height="50px" width="100px">
untuk membuat audio dengan panjang 100 pixel dan lebar 50 pixel
<source src="song.mp3" type="audio/mpeg"/>
untuk memutar lagu sesuai dengan judul lagu tersebut tidak memakai spasi dan waj
ib 1 folder dengan project html tersebut
Menggunakan Elemen <embed>
Tujuan dari tag <embed> adalah untuk menanamkan elemen multimedia dalam halaman
HTML.
Fragmen kode berikut menampilkan file MP3 tertanam dalam halaman web.
<embed height="50px" width="100px" src="song.mp3" />
Masalah:
Tag <embed> tidak diketahui ke HTML 4. Halaman Anda tidak akan memvalidasi
dengan benar.
Jika browser Anda tidak mendukung format file, audio Anda tidak akan bermai
n.
Jika Anda mengkonversi file Anda ke format lain, itu akan tetap tidak berma
in di semua browser.
Solusi HTML Terbaik
<audio controls="controls" height="50px" width="100px">
<source src="song.mp3" type="audio/mpeg" />
<source src="song.ogg" type="audio/ogg" />
<embed height="50px" width="100px" src="song.mp3" />
</audio>
Contoh di atas menggunakan 4 format audio yang berbeda. Elemen HTML 5 <audio> me
ncoba untuk memutar video baik sebagai ogg atau mp3. Jika gagal, kode "jatuh kem
bali" untuk mencoba elemen <embed>. Jika ini juga gagal, ini akan menampilkan ke
salahan.
Masalah:
Anda harus mengkonversi video ke format yang berbeda.
Unsur <audio> tidak memvalidasi dalam HTML 4 dan XHTML.
Unsur <embed> tidak memvalidasi dalam HTML 4 dan XHTML.
CATATAN: Menggunakan <DOCTYPE html> memecahkan masalah validasi.