Menambah Video Pada HTML - TeknoNet

Menambah Video Pada HTML

Pada kesempatan kali ini saya ingin memberikan tutorial atau langkah-langkah bagaimana menambah video pada HTML. Sebenarnya banyak sekali yang dapat kita masukkan di HTML salah satunya adalah gambar bergerak atau video.  Yuk langsung aja kita bahas
Pengertian HTML

HTML (hypertext markup language) yaitu sautu bahasa pemrogaman standar yang biasa digunakan untuk membuat suatu halaman https://www.google.co.id/intl/id/about/products?tab=jh.  Website yang dapat diakses untuk menampilkan sebuah informas di dalam sebuah web browser. HTML digunakan sebagai link antara file-file di dalam suatu situs dengan menggunakan localhost yang dapat menguhubungkan antar situa dalam dunia internet atau maya. Fungsi dari HTML adalah membuat halaman suatu website, menampilkan berbagai informasi didalam sebuah web browser, membuat link menuju halaman website lain menggunakan kode tertentu (hypertext).

Nah selanjutnya pembahasan mengenai cara menambah video pada HTML yang tentunya sangat mudah dancepat. Teman-teman simak dengan baik ya.

Alat Dan Bahan 


Jadi alat dan bahan yang kita perlukan untuk menambahkan video pada HTML cukup sederhana yaitu
•    PC (personal computer)/ Laptop
•    Notepad
•    Web browser
•    File video

Langkah-Langkah 


1.    Pertama yang harus kita miliki adalah notepad, setelah itu jalankan aplikasi notepad untuk menulis sebuah dokumen HTML
2.    Kedua simpan dokumen HMTL tersebut dengan format “Nama-File.html” tanpa tanda kutip, dan pada”Save as type” and pilih saja “all fies” hal tersebutagardokuenyangkitasipan menjadi dokumen HTML bukan dokumen text biasa.
3.    Nah sekarang kita membuat coding video pada dokumen HTM seperti dibawah


<!DOCTYPE html>
<html>
<head>
<title> Cara Memasukkan Video Clip pada HTML</title>
</head>
<body>
<video width=”500” height=”250” controls autoplay>
<source src=”judul video clip.mp4”>
</video>
</body>
</html>


4.    Selanjutnya simpan scripe tersebut lalu copy paste-kan ke notepad
5.    Kemudian buat foder kosong untuk menyimpan (save) lalu masukkan file HTML yang sudah dibuat kedalam folder tersebut.
6.    Anda juga dapat mengganti “judul video clip.mp4”dengan judul yang anda inginkan. Namun dengan catatan tidak menghilangkan format”.mp4”
7.    Langkah selanjutnya masukkan file video yang anda inginkan ke dalam folder yang kita buat tadi (jangan lupa mengedit kembali jika anda ingin mengganti file videonya)
8.    Langkah terakhir yaitu buka file HTML yang sudah dibuat menggunakan aplikasi browser seperti google chrome dll


Semoga langkah-langkah tersebut dapat bermanfaat ya.. jangan lupa terus belajar dan berusaha. Sekian dan terimaksih

Berlangganan update artikel terbaru via email:

1 Response to "Menambah Video Pada HTML"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel