04 Maret 2014

Membuat Audio dan Video Player dengan menggunakan HTML 5

Oleh Android90 pada 04 Maret 2014  | Tidak ada komentar


Selamat sore yang mendung dimanapun sobat berada. Kali ini mau share sedikit pengetahuan tentang Membuat Audio dan Video Player menggunakan HTML5. Bagi sobat yang sudah tahu atau master bisa kasih masukkan ke saya atau menambahkan "sesuatu" dan bagi sobat yang belum tahu silakan lihat source code di bawah ini :

Membuat Audio Player menggunakan HTML5
<audio controls="controls">
<source src="http://www.adenpriyonggo.tk/OST_Frozen/Idina%20Menzel%20-%20Let%20It%20Go.mp3" type="audio/mp3" />
Browser Anda tidak mendukung HTML5 Audio. Silakan update Browser Anda.
</audio>
berikut hasilnya :



Membuat Video Player menggunakan HTML5
<video controls="controls">
  <source src="http://www.adenpriyonggo.tk/Counter-Strike%20Diamond%20-%20de_dust2_winter.mp4" width="450" height="300" type="video/mp4">
  Browser Anda tidak mendukung HTML5 Video. Silakan update Browser Anda.
</video>
berikut hasilnya :



Keterangan :
Tulisan berwarna Orange : tag untuk audio / video
Tulisan berwarna Hijau : tag untuk memanggil file audio / video
Tulisan berwarna Merah : url file yang telah di upload ke hosting Anda
Tulisan berwarna Kuning : mengatur ukuran video (apabila ingin default tulis saja width="" height="")
Tulisan berwarna Biru : type file untuk audio dan video
Tulisan berwarna Ungu : keterangan yang muncul Apabila Browser Anda tidak suport dengan HTML5

Itulah source code membuat audio dan video player menggunakan HTML5. Bila ada pertanyaan bisa komentar di bawah ini. Bagi para webmaster bisa kasih masukkannya apabila source code tersebut kurang (kurang lengkap).
Terima kasih, semoga bermanfaat.
Salam.

Komentar
0 Komentar

0 Komentar:

    Jika Anda ingin menerima update RSS kami melalui email, cukup masukkan alamat email Anda di bawah ini lalu klik Langganan.

Teman

Networkedblogs

Kata Mutiara

Hak Cipta © 2009 - . Welcome - WP Theme-junkie di konversi oleh Bloggertheme9
Blogger template. Dipersembahkan oleh Blogger.
back to top