Tutorial belajar dasar HTML : Membuat pemutar video dengan HTML





Tutorial belajar dasar HTML : Membuat pemutar video dengan HTML
Membuat sebuah pemutar video di HTML tidak begitu sulit. Pemutar video ini sudah banyak di gunakan disemua web. Bagi sobat-sobat pasti sudah tidak sabar untuk membuat pemutar video ini dan pastinya sobat-sobat berkeinginan untuk mempercantik tampilan webnya.
Sebelum memulai dianjurkan untuk sobat sekalian harus terlebih dahulu memahami tentang HTML dasar .
Untuk persiapan harus membutuhkan :
  • Notepad/Notepad++ (Saran: Bawalah Notepad++)
  • Keahlian
  • Kopi ^_^ (Sekedar untuk menajamkan mata)
Ketiklah sebuah contoh code dibawah ini:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>

<html>

<body>

<video width="400" controls>

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

  <source src="mov_bbb.ogg" type="video/ogg">

  Your browser does not support HTML5 video.

</video>

<p>

Video courtesy of

<a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.

</p>

</body>

</html>

Contoh Videonya di bawah ini:
 

Sekian tutorial tentang Membuat pemutar video dengan HTML


HALAMAN

POPULAR POST