Video html5 elemen diperkenalkan dalam spesifikasi rancangan HTML5 dengan tujuan memutar video atau film. Sebagian fungsinya adalah menggantikan elemen objek (yang isinya skrip yang rumit). Video HTML5 dimaksudkan untuk menjadi standar baru dalam menampilkan video di web tanpa plugin. Intinya sih supaya lebih cepat loading ketimbang harus dengan plugin flash atau yang lain.
Standar HTML5 mencakup banyak fitur baru untuk aplikasi web dan antarmuka yang lebih dinamis. Salah satu komponen seperti disebut di atas yakni <video>. Dengan menggunakan Javascript HTML5 video kita dapat diputar pada perangkat-perangkat mobile terbaru dan bahkan di browser lama tanpa Flash. Youtube juga telah mencoba fitur baru ini tapi masih dalam taraf percobaan.
Untuk menampilkan video menggunakan html5, perhatikan script HTML5 berikut ini :
<!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Your browser does not support the video tag. </video> </body> </html>
Keterangan :
Atribut kontrol menambahkan kontrol video, seperti play, pause, dan volume.
Sebagaimana kamu lihat, kita juga bisa menyertakan atribut lebar dan tingginya. Jika tinggi dan lebar diatur, ruang yang diperlukan untuk video akan dibatalkan pada saat halaman dibuka. Namun, tanpa atribut-atribut ini, browser tidak mengetahui ukuran video, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya bahwa tata letak halaman akan berubah selama pembebanan (saat video sedang dimuat).
Anda juga harus memasukkan konten teks antara <video> dan </ video> tag untuk browser yang tidak mendukung elemen <video>.
Unsur <video> memungkinkan beberapa elemen <source>. elemen <source> dapat link ke file video yang berbeda. Browser akan menggunakan format diakui pertama.
.jpg)
menarik dan membantu..bisa tidak ya di setting langsung play dan mengulang play nya. terimakasih
BalasHapuscara memasukan lebih dari 1 video gimana ya tag nya, mohon informasinya...
BalasHapuscara memasukan lebih dari 1 video gimana ya tag nya, mohon informasinya...
BalasHapus****KENAPA KITA PAKAI PayTren jo DOKU ****
BalasHapusBagi yang di luar negeri ini sangat bermanfaat
Karena setiap kita kirim uang itu biaya kirim mahal apabila kita kirimnya lebih dari 2 atau 3 rekening
Bagaimana caranya agar kita bisa BERHEMAT??
Mari kita lihat disini
Satu kali pengiriman itu NT 200 = Rp 80.000
Jika setiap kita gajian harus mengirim uang ke 2 atau 3 rekening sudah berapa silahkan dihitung sendiri he...he....he
Nah klo menggunakan DOKU biaya Rp 6500
Nah bagaimana caranya isi Deposit Epin kita.....
Kirim aja gaji satu bulan nah dari situ transfer/Top up ke saldo Doku
Dan setelah itu siap dibagikan ke rekening2 tujuan
Sangat bermanfaat dan hemat...
Anda daftar PayTren otomatis Anda jadi Mitra DOKU
Info hub WA 081333538376
WEB Klik
bit.ly/saatnyakerjacerdas3
****KENAPA KITA PAKAI PayTren jo DOKU ****
BalasHapusBagi yang di luar negeri ini sangat bermanfaat
Karena setiap kita kirim uang itu biaya kirim mahal apabila kita kirimnya lebih dari 2 atau 3 rekening
Bagaimana caranya agar kita bisa BERHEMAT??
Mari kita lihat disini
Satu kali pengiriman itu NT 200 = Rp 80.000
Jika setiap kita gajian harus mengirim uang ke 2 atau 3 rekening sudah berapa silahkan dihitung sendiri he...he....he
Nah klo menggunakan DOKU biaya Rp 6500
Nah bagaimana caranya isi Deposit Epin kita.....
Kirim aja gaji satu bulan nah dari situ transfer/Top up ke saldo Doku
Dan setelah itu siap dibagikan ke rekening2 tujuan
Sangat bermanfaat dan hemat...
Anda daftar PayTren otomatis Anda jadi Mitra DOKU
Info hub WA 081333538376
WEB Klik
bit.ly/saatnyakerjacerdas3
Hasil Script di postingan --> Database Streaming Movies, Series and Anime
BalasHapusKalo pakai link youtube gimana gan
BalasHapusKalo biar bisa di download kode htmlnya apa gan
BalasHapusKalau mengaturnya biar posisinya center bagaimana?
BalasHapusartikel yg bermanfaa
BalasHapusmy blog
wow Thanks your Information and i share this article
BalasHapusyouviop - DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK
youvoa - DOWNLOAD LAGU MP3, LIRIK, DAN ANIME MUSIK
wow Thanks your Information and i share
BalasHapusthis article
ku udah nyoba tapi kok gak nampil yah, ku ganti dengan format video yang ada dilaptop aku VID-20160716-WA0019.mp4 terus pas dijalankan keterangannya kayak gini , tidak ditemukan video dalam format atau jenis MME yang didukung, kenapa bisa kayak gini yah ? bisa minta tolong jelaskan mas ! terimakasih
BalasHapuskunjungi website kampus saya www.atmaluhur.ac.id
kunjungi blog saya jelinajohan.mahasiswa.atmaluhur.ac.id
thanks bro, you can find Leadership skill in my site
BalasHapusBaca manga dan manhwa bahasa indo
Baca Manga Manhwa Bahasa Indonesia
Download game visual novel
IshtarBlogger
Sangat membantu sekali bagi saya seorang pemula...
BalasHapusSangat bermanfaat sekali
Tetapi menurut saya penjelasannya kurang detail dan hanya menjelaskan beberapa bagian saja. Harus di tambah lagi penjelasan yang sedikit lebih banyak dan panjang tetapi tetap mudah di pahami. Juga menambahkan sedikit contoh akan membuat orang² lebih memahami penjelasan di artikel ini
Terima kasih atas artikelnya semoga kritikan ini membantu.
Semangat upload artikel terbarunya.
Perkenalkan saya Rinal mahasiswa dari STMIK ATMA LUHUR , NIM : 1922500057 , KELOMPOK : SI1J .
Link website kampus saya : https://www.atmaluhur.ac.id/