Menampilkan Video Pada Website dengan HTML5

menampilkan-video-pada-website

Setelah sebelumnya kita mencoba tutorial memasang backsound musik pada sebuah halaman website, untuk tutorial kali ini kita akan mencoba bagaimana caranya menampilkan video pada halaman web.

Untuk menampilkan sebuah video di halaman web, kita akan menggunakan tag html video.

Buatlah sebuah file html, misalnya dengan nama video.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Video HTML</title>
</head>
<body>
    <!-- menggunakan tag video -->
    <p><em>Hasil menggunakan tag video pada HTML5</em></p>
    <video width="350" controls>
        <source src="mov_bbb.mp4" type="video/mp4">
    </video>
    <p><em><a href="http://www.w3schools.com/html/html5_video.asp">Sumber</a></em></p>
</body>
</html>

Nah sebelumnya kalian harus menyiapkan file video terlebih dahulu, disini kita akan mencoba menampilkan video dengan format file .mp4

<video width="350" controls>
   <source src="mov_bbb.mp4" type="video/mp4">
</video>

Hasilnya akan tampil dihalaman website seperti ini

menampilkan-video-pada-website-2

Nah teman-teman bisa mencobanya sendiri, cepat dan mudah untuk dimengerti.

Comments are closed.