Belajar HTML #8 : Menambahkan Video Html

Hallo temen temen, kali ini kita akan belajar menambahkan video html. Video merupakan elemen Krusial dari sebuah website. Dengan adanya video kita dapat memberikan pesan bukan dalam bentuk tulisan sehingga dapat di lihat oleh pengunjung website kita. Dulu awalnya sangat sulit Buat menambahkan sebuah video di Arsip html. Karena besarnya ukuran yang Bisa digunakan. Pada masa iru, Buat menambahkan video di html perlu menggunakan plugin seperti flash. Teknologi ini dapat berjalan dengan Bagus hanya saja terdapat issue keamanan aksesibilitas, dll.

Sebelumnya buat kalian yang Mau belajar form html Bisa ketulisan saya sebelumnya Belajar HTML #7 : Membangun Form Html

Sekarang sudah beda karena Eksis html versi 5. Kita Bisa memakai element Buat menangani penambahan vide tersebut Ialah tag

Metode Menambahkan Video Html

Buat Metode penulisannya seperti ini.

Pembahasan :

• Atribut controls Buat Buat menampilkan pengaturan video. Seperti kontrol mulai, stop, menaikan volume dll.
• Atribut src Berfaedah Buat menambahkan alamat atau path dari video yang diinginkan. Dekat sama Metode kerjanya dengan tag img.
• Atribut type Buat mengatur format video
• Elemen paragrah yang berada pada elemen

Disini saya Membangun folder asset, oleh karena itu pemanggilanya seperti diatas Kalau folder yang temen temen buat berbeda maka menyesuaikan.

Selain menggunakan alamat folder kita Bisa menggunakan alamt url juga gaes. Link url nya kita letakan di atribut srcnya.

Format Video Yang Didukung

Perlu kita ketahui gaes Kagak Seluruh format video dapat ditampilkan di html. Nah apa aja sih format yang didukung?, berikut ini adalah format vide yang di dukung.

Kalau Engkau punya video degan format yang berbeda dari ketiga format tersebut, maka Engkau harus mengubahnya agar Bisa ditambahkan ke HTML.

Atribut Pendukung

Selain atribut yang sudah kita gunakan tadi. Tag video Mempunyai beberapa atribut pendukung. List atribut video :

Atribut yang bernilai bolean Mempunyai nilai default true sehingga Kalau memang yang kita inginkan adalah bernilai true kita cukup menuliskan saja namanya.

Teladan :

Bisa disingkat menjadi :

Kalau atribut yang diiinginkan bernilai false, maka atribut tersebut boleh Kagak ditulis atau juga boleh ditulis.

Teladan :

Menjadi :

Jangan Menggunakan Gif Kembali

Banyak website modern Demi ini menggunakan video sebagai ganti dari animasi gif. Bahkan google pun juga menyarankan Buat menggunakan video dari pada gif. Loh kenapa ?. Karena ukuran video jauh leih kecil dibandingkan gif dan juga tentunya akan mempengaruhi kecepatan download. Bagaimana menjadikan video menjadi seperti gif ?

Metode sama seperti kita menambhak video Standar hanya saja kita perlu mengaktifkan beberapa atribut yang tadi sudah kita pelajari Ialah autoplay, muted, playinline dan loop. Dan juga kita hilangkan atribut controls nya

Teladan :

Maka Kalau berhasil video akan menjadi nampak seperti gif. Tetapi saya menggunakan video berdurasi 10 detik ya gaes.

Menambahkan Video Youtube

Mungkin Mitra Mitra bertanya bagaimana Kalau video tersebut dari youtube apakah Bisa menggunakan link nya ? atau bagaimana.

Caranya cukup mudah gaes. Kita tinggal mengcopy id Istimewa dari video. Id Istimewa ini Bisa kita dapatkan dari URL video. Youtube sudah Mempunyai media player sendiri, yang artinya kita Kagak perlu membuatnya dengan tag

Eksis tag Kembali Buat video youtube Ialah iframe. Sebenarnya tag ini berfungsi Buat menambahkan halaman lain dalam sebuah frame.

Langkah – langkah :

Hasilnya akan menjadi seperti diatas.

Keren ya gaess, mungkin Tamat sini dulu saja tutorialnya. Semangat Ngoding