Menyisipkan video dengan html5


 

Pada HTML 5 telah ditambahkan tag video untuk memperdengarkan video. Tag itu sederhana yaitu dengan untuk membuat video player menggunakan tag  : <video src=”…”>

Atribut yang digunakan :

  • src=”URL”
    tambahkan URL video yang akan dipasang
  • audio=”muted”
    dipakai bila suara dari videonya ingin dimatikan (mute)
  • controls=”controls”
    menampilkan seperti play button, sebaiknya dipakai
  • width=”…px”
    mengatur lebar video
  • height=”…px”
    mengatur tinggi video

 

1.  Siapkan browser yang mendukung html5.

 

 

2.  Buka notepad++  . Isikan script seperti dibawah ini

<!doctype html>
<html> <head>
<title>Latihan Elemen Video</title> </head>
<video controls="controls">
 <source src="movie.ogg" type="video/ogg" />
 <source src="movie.mp4" type="video/mp4" />
 <source src="movie.webm" type="video/webm" />
Browser tidak mendukung Tag Video
</video> </body> </html>

 

3.  Save di dengan nama latihan audio. letakkan di satu folder dengan file musik  dengan format video = .ogg dan .mp3

4.  Buka file latihan video.html dengan cara klik kanan-pilih browser google chrome. Hasilnya seperti dibawah ini.

 

Iklan

One thought on “Menyisipkan video dengan html5

  1. Ping-balik: Mengenal Html5 | Live's in the world

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s