HTML5 merupakan versi modern dari HTML yang disusun oleh World Wide Consortium (W3C) yang fungsi nya sebagai standar dari kerangka HTML di browser. Namun masih banyak dari browser yang belum support HTML5 dikarena versi browser yang lama. Untuk kelancaran tutorial ini saya menyarankan agar sobat untuk menggunakan browser versi terbaru. Berikut gambaran mengenai browser yang support HTML5.
Langkah pertama sobat buat terlebih dahulu file dan folder nya, pada contoh ini saya membuat file bernama video.html di folder test di var/www/html. Apabila sobat menggunakan xampp bisa taruh di folder htdocs.
Langkah kedua ketikan script berikut :
Langkah kedua ketikan script berikut :
<!DOCTYPE html>
<html>
<head>
<title>Memasukkan Video ke Browser</title>
</head>
<body>
<video src="oasis.mp4" controls>
Browser Anda tidak support, Segera upgrade Versi Browser Anda
</video>
</body>
</html>
Save lalu sobat pindah ke browser, localhost/namafile.html Berikut tampilan dari hasil script diatas.
Sedikit
penjelasan mengenai script diatas. Untuk dapat memasukkan video ke
browser harus menggunakan tag <video> diikuti dengan src atau
tempat sobat menyimpan file yang dimana format nya ialah .mp4. serta controls
digunakan untuk mengatur video di browser agar dapat di Play, Pause,
Mute, dan mengatur Volume suara video. Dan akhiri dengan tag penutup
</video>.
Note : Selain format .mp4, Tipe HTML video yang disediakan lainnya yaitu .ogg dan .webm
Sekian cara memasukkan video ke browser dengan HTML5, Apabila sobat mempunyai pertanyaan silahkan berkomentar di kolom komentar yang sudah disediakan. Selamat mencoba dan semoga bermanfaat.
Note : Selain format .mp4, Tipe HTML video yang disediakan lainnya yaitu .ogg dan .webm
Sekian cara memasukkan video ke browser dengan HTML5, Apabila sobat mempunyai pertanyaan silahkan berkomentar di kolom komentar yang sudah disediakan. Selamat mencoba dan semoga bermanfaat.
0 komentar:
Post a Comment