Halo sobat Artikel Multimedia,
postingan sebelumnya kita sudah membahas bagaimana cara menampilkan gambar di html, sekarang sobat kita akan membahas cara menampilkan video di html. Untuk
menampilkan video kita butuh tag <video> dan <source>, berikut kode
html-nya:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Menampilkan Video</title>
</head>
<body>
<video width="600" height="300" controls>
<source src="videos/video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<h1>Video Tutorial</h1>
</body>
</html>
<html lang="en">
<title>Menampilkan Video</title>
</head>
<video width="600" height="300" controls>
<source src="videos/video1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<h1>Video Tutorial</h1>
</body>
Berikut sobat penjelasan singkat
mengenai kode html diatas:
- Tag <video>…</video>: ini adalah tag yang digunakan untuk menampilkan video.
- Tag <source>: ini adalah tag untuk memuat sumber dan tipe video yang ingin ditampilkan.
- Atribut widht: ini adalah atribut untuk mengatur lebarnya tampilan kotak video.
- Atribut height: ini adalah atribut untuk mengatur tinggi tampilan kotak video.
- Atribut controls: ini adalah atribut yang digunakan untuk menampilkan pengaturan seperti play, pause, volume, maximize/minimize dan pilihan lainnya pada tampilan video. Selain controls terdapat juga atribut sejenis lainnya seperti autoplay dan autoplay muted.
Sekian pembahasan tentang cara menampilkan video di html, jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …
0 Komentar
Terima kasih telah mengunjungi website ini semoga bermanfaat untuk anda