Belajar HTML Dasar Part 6 : Menampilkan Video di web Browser dengan HTML5

sabtu 29 oktober 2016

Sekarang kita akan Belajar Menampilkan Vidio

di Web Browser dengan HTML5

Penjelasan

Di browser modern, menambahkan video ke halaman Anda adalah semudah menambahkan gambar. Anda tidak lagi perlu berurusan dengan plug-in atau memerlukan markup gila, Anda dapat melakukannya dengan elemen tunggal.

Mari kita lakukan dengan contoh yang sangat sederhana:

<!DOCTYPE html>
<html>
<head>
<title>vidio</title>
</head>
<body>
<center>
<video src="vidio.mp4" controls></audio>
</center>
</body>
</html>

Itu semua yang Anda butuhkan untuk menanamkan video sederhana pada halaman Anda dan menampilkan kontrol dasar sehingga pengguna dapat memutar, menghentikan sementara atau mengontrol video.

hasilnya :

Atribut :
elemen <video> memiliki beberapa atribut khusus yang dapat mengubah atau meningkatkan perilaku default.

autoplay	Memberitahu browser untuk segera mulai men-download video dan bermain secepat itu bisa. Perhatikan bahwa browser mobile umumnya tidak mendukung atribut ini, pengguna harus menekan layar untuk memulai pemutaran video.
preload	Petunjuk untuk browser tentang apakah download optimis video itu sendiri atau metadata yang dianggap berharga. Pilihannya adalah: none - Petunjuk ke browser bahwa pengguna mungkin tidak akan menonton video, atau yang meminimalkan lalu lintas yang tidak perlu yang diinginkan. metadata - Petunjuk ke browser bahwa pengguna tidak diharapkan membutuhkan video, tapi itu mengambil metadata nya (dimensi, frame pertama, daftar lagu, durasi, dan sebagainya) yang diinginkan. auto - Petunjuk untuk browser yang optimis men-download seluruh video dianggap diinginkan.
poster	Memberikan gambar untuk menunjukkan sebelum beban Video.
controls	Menunjukkan kontrol video default (play, pause, dll).
height & width	Set lebar dan tinggi video dalam piksel CSS .
loop	Memberitahu browser untuk secara otomatis lingkaran video
muted	Bisu audio dari video.