Belajar HTML 10

 BELAJAR LENGKAP HTML



Menambahkan Video di HTML

Dahulu sebelum HTML berkembang menjadi HTML 5, untuk membuat media player pada HTML dibutuhkan campur tangan program eksternal seperti adobe flash player.

Namun sekarang tidak perlu lagi karena HTML 5 sudah memiliki tag <video> yang memungkinkan kita untuk menambahkan <video> pada browser.

Contoh penerapan:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Video di HTML</title>
</head>
<body>
	<h1>Tutorial Video HTML</h1>
	<video controls width="320" height="240">
		<source src="coffee.mp4" type="video/mp4">
	</video>
</body>
</html>
HTML

Keluaran:

Atribut Untuk Video

Tag video mendukung beberapa atribut di bawah ini:

AtributFungsiNilai
autoplaymembuat video diputar otomatistrue/false
controlsmenampilkan pengaturan kontrol videotrue/false
loopmembuat video diputar berulang-ulangtrue/false
mutedmembuat video menjadi senyaptrue/false
postermenentukan gambar cover dari videolokasi gambar
preloadmenentukan seberapa penting video dimuatauto, metadata, none
srcmenentukan alamat lokasi videoURL video
widthmengatur lebar videoangka
heightmengatur tinggi videoangka

Atribut width dan height

Kedua atribut ini banyak kita gunakan dalam mengatur ukuran lebar dan tinggi gambar. Namun selain itu kedua atribut ini nyatanya juga dapat digunakan untuk mengatur lebar dan tinggi dari file media lain seperti video.

Contoh penerapan:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Video di HTML</title>
</head>
<body>
	<h1>Tutorial Video HTML</h1>
        <video controls width="280" height="200">
		<source src="coffee.mp4" type="video/mp4">
	</video>
	<video controls width="320" height="240">
		<source src="coffee.mp4" type="video/mp4">
	</video>
        <video controls width="400" height="320">
		<source src="coffee.mp4" type="video/mp4">
	</video>
</body>
</html>
HTML

Keluaran:

Atribut poster

Atribut poster digunakan untuk menentukan gambar ketika video akan diputar atau sedang diunduh. Jika atribut ini tidak didefinisikan maka secara default akan mengambil frame pertama dari video tersebut.

Contoh penerapan:

<!DOCTYPE html> <html> <head> <title>Belajar Video di HTML</title> </head> <body> <h1>Tutorial Video HTML</h1> <video controls width=”320″ height=”240″ poster=”kopi-logo.png”> <source src=”coffee.mp4″ type=”video/mp4″> </video> </body> </html>

Keluaran:

Format File Video yang didukung HTML

FormatTipe Media
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

Sedangkan bila video yang kalian punya tidak memiliki format seperti ketiga format di atas, maka kalian wajib menggantinya.

Komentar

Posting Komentar

Postingan populer dari blog ini

contoh operator logika part 2

Gambar
  Rumus untuk menentukan hasil dari operator logika adalah sebagai berikut: Operator  &&  hanya akan menghasilkan true jika kedua operand bernilai true, selain itu hasilnya false. Operator  ||  hanya akan menghasilkan false jika kedua operand bernilai false, selain itu hasilnya true . Operator  !  Akan membalikkan logika, !false menjadi true, !true menjadi false. Kita juga bisa menggabungkan lebih dari satu operasi seperti contoh berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 class BelajarJava {    public static void main(String args[]){                 boolean hasil;              hasil = ( false && true ) || ( true || false );      System.out.println( "Hasil: " + hasil );               hasil = ! false && ( false || true ...
Baca selengkapnya

Variabel PHP

Gambar
VARIABEL PHP Variabel dalam PHP Variable adalah suatu pengenal di dalam program yang merepresentasikan nilai atau data tertentu. Nilai variabel dapat diubah sesuai dengan kebutuhan program. Dalam Bahasa PHP, variable didefinisikan dengan cara membubuhkan tanda  $  (dollar) di depannya. Contoh :         $nama = 'SmartDevTala' Pada contoh di atas, kita dapat membuat variable  $nama  dan mengisi nilai ke dalamnya. Dalam penggunaan variable, PHP sedikit berbeda dengan Bahasa program lain, karena pada bahasa program yang lain pada umumnya perlu mendeklarasikan tipe data pada variabel sebelum menampung nilai di dalamnya, sebagai contoh :        $x = "SmartDevTala";       $x = 8;       $x = 10.3;       $x = true;       $x = ["SmartDevTala",8,10.3,true]; Pada contoh di atas, variable  $x  dapat menampung nilai dari beberapa tipe data, yaitu : string, integer, floati...
Baca selengkapnya

Tipe Data Phyton

Gambar
  Tipe Data Python Tipe data adalah suatu media atau memori pada komputer yang digunakan untuk menampung informasi. Python sendiri mempunyai tipe data yang cukup unik bila kita bandingkan dengan bahasa pemrograman yang lain. Berikut adalah tipe data dari bahasa pemrograman Python : Tipe Data Contoh Penjelasan Boolean True  atau  False Menyatakan benar  True  yang bernilai  1 , atau salah  False  yang bernilai  0 String "Ayo belajar Python" Menyatakan karakter/kalimat bisa berupa huruf angka, dll (diapit tanda  "  atau  ' ) Integer 25  atau  1209 Menyatakan bilangan bulat Float 3.14  atau  0.99 Menyatakan bilangan yang mempunyai koma Hexadecimal 9a  atau  1d3 Menyatakan bilangan dalam format heksa (bilangan berbasis 16) Complex 1 + 5j Menyatakan pasangan angka real dan imajiner List ['xyz', 786, 2.23] Data untaian yang menyimpan berbagai tipe data dan isinya bisa diubah-ubah Tuple ('xyz', 768, 2.23)...
Baca selengkapnya