Sebelumnya kita sudah beajar Membuat Daftar atau List di HTML , lnagkah selanjutnya kita akan membahas tenang Menampilkan Video di Web browser dengan html 5 .
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:
|
| 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. |
Kesimpulan :
di html 5 ini kita bisa mengembeb video dari file external kita ,
No comments:
Post a Comment