BAB 029 - Audio Video

Salah satu keunggulan Html 5 adalah support Audio Video.

 

 

Tag <audio>

Tag <audio> menghasilkan audio player pada browser.

Contoh :

Cobalah utak-atik contoh diatas

 

Format audio yang didukung :

  • Mp3
  • Ogg
  • Wav

 

 

Tag <video>

Tag <video> menghasilkan video player pada browser.

Contoh :

Cobalah utak-atik contoh diatas

 

Tag <video> memiliki atribut autoplay, jika menginginkan video autoplay ketika halaman tampil.

Namun hati-hati menggunakan autoplay, karena akan memberikan pengalaman tidak menyenangkan kepada pengunjung situs anda.

Contoh :

<video width="320" height="240" autoplay>
     <source src="sample.mp4" type="video/mp4">
     Maaf, browser anda tidak support Video Player Html 5
</video>

 

Format video yang didukung :

  • Mp4
  • Webm
  • Ogg

 

 

Video Youtube

Untuk menampilkan video youtube kita bisa menggunakan url embed dari youtube yang kita tampilkan kedalam frame.

Contoh :

Cobalah utak-atik contoh diatas

 

Jika ingin autoplay, kita bisa tambahkan parameter autoplay=1

Contoh :

<iframe width="320"height="240"
    src="https://youtube.com/embed/EngW7tLk6R8?autoplay=1">
</iframe>

 

Jika ingin diputar berulang-ulang (loop), kita bisa tambahkan parameter loop=1

Contoh :

<iframe width="320"height="240"
    src="https://youtube.com/embed/EngW7tLk6R8?loop=1">
</iframe>

 


Sebelumnya
BAB 028 - (Form) Validasi Entry Form
  Berikutnya
BAB 030 - Daftar TAG Html

 

(0) Komentar

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Salah satu keunggulan Html 5 adalah support Audio Video.     Tag <audio> Tag <audio> menghasilkan audio player pada browser. Contoh : Cobalah utak-atik contoh diatas   Format audio yang didukung : Mp3 Ogg Wav     Tag <video> Tag <video> menghasilkan video player pada browser. Contoh : Cobalah utak-atik contoh diatas   Tag <video> memiliki atribut autoplay, jika menginginkan video autoplay ketika halaman tampil. Namun hati-hati menggunakan autoplay, karena akan memberikan pengalaman tidak menyenangkan kepada pengunjung situs anda. Contoh : <video width="320" height="240" autoplay>      <source src="sample.mp4" type="video/mp4">      Maaf, browser anda tidak support Video Player Html 5 </video>   Format video yang didukung : Mp4 Webm Ogg     Video Youtube Untuk menampilkan video youtube kita bisa menggunakan url embed dari youtube yang kita tampilkan kedalam frame. Contoh : Cobalah utak-atik contoh diatas   Jika ingin autoplay, kita bisa tambahkan parameter autoplay=1 Contoh : <iframe width="320"height="240"     src="https://youtube.com/embed/EngW7tLk6R8?autoplay=1"> </iframe>   Jika ingin diputar berulang-ulang (loop), kita bisa tambahkan parameter loop=1 Contoh : <iframe width="320"height="240"     src="https://youtube.com/embed/EngW7tLk6R8?loop=1"> </iframe>  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :