Cara Memasukkan Video Dalam HTML
Kali ini saya akan memposting "Cara Memasukkan Video Dalam HTML" , Baiklah berikut cara memasukan audio pada dokumen HTML. Di sini yang kita gunakan hanyalah Notepad.1) Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML.
2) simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
3)Sekarang mari kita mulai untuk membuat video pada dokumen HTML seperti di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasukkan Playlist Lagu Pada Dokumen HTML </title>
</head>
<body>
<video width="320" height="240" controls autoplay>
<source src="judul video.mp4" type="video/mp4">
</video>
</body>
</html>
1) Kemudian Simpan Script di atas yg sudah di Copy Paste di Notepad.
2) Buat folder kosong terlebih dahulu sebelum di Save.Kemudian Masukkan File HTML yg sudah kalian buat.
3) Anda bisa mengganti " judul video.mp4" diatas dengan judul musik yang ingin dimasukkannya tetapi tanpa menghilangkan ".mp4" nya.
4) Satukan/Masukkan juga File Videonya yang kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Videonya).
5) Terakhir, buka File HTML yang sudah kalian buat dengan Browser yg kalian inginkan.
Memasukkan gambar
Untuk memasukkan gambar kedalam HTML, kita menggunakan tag < img >. Atribut-atribut yang bisa kita gunakan adalah :
- src untuk bmenunjukkan lokasi file gambar
- align untuk menentukan posisi gambar
- height untuk menentukan tinggi gambar dalam pixel ketika di tampilkan di browser
- width untukmenentukan lebar gambar dalam pixel ketika di tampilkan di browser, apa bila tidak disebutkan atribut height dan width, maka ukuran gambar akan di tampilkan ke dalama browser dengan ukuran asli file nya
- hspace untuk menentukan jarak antara gambar dengan text secara horizontal
- vspace untuk menentukan jarak antara gambar dengan text secara vertikal
- border untuk menentukan batas batas pada gambar
Memasukkan Audio
Untuk memasukkan audio kedalam HTML, kita menggunakan tag < embed >. Atribut-atribut yang bisa kita gunakan adalah :- src digunakan untuk menentukan lokasi file music
- align digunakan untuk menentukan posisi.
- border digunakan untuk menentukan batas-batas.
- height digunakan untuk menentukan tinggi dari object yang dimasukkan.
- width digunakan untuk menentukan lebar dari object yang dimasukkan.
- hspace digunakan untuk menentukan jarak horizontal antara object dengan text.
- vspace digunakan untuk menentukan jarak vertikal antara object dengan text.
<head>
<title> Contoh memasukkan file audio </title>
<body>
<h2>
Ini Contoh memasukkan file audio ke dalam dokumen HTML
<br>
<embed src = "mp3/01. Ada Apa Denganmu.mp3" border ="2" autostart="false" height = "45" width = "400" align="middle"></embed>
</body>
</html>
Apa bila ingin menjadikannya bgsound (Suara latar belakang) dalam halaman web kita maka di kunakan tag < bgsound >
<html>
<head>
<title> Contoh memasukkan file audio sebagai background sound </title>
<bgsound src="pangandaran.mp3" loop="-1">
</head>
<body>
</body>
</html>
sumber:http://permahabunga.blogspot.co.id/2014/06/untuk-memasukkan-gambar-audio-video.html
Tidak ada komentar:
Posting Komentar