Tutorial HTML5 Video (Video) Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Mendeteksi browser Anda mendukung video HTML5:,Situs Web Video,Dukungan Browser,HTML5 (video) - Cara kerjanya,contoh,format video dan dukungan browser,Format Video,HTML5 <video> - untuk mengontrol penggunaan DOM,contoh 1,tag HTML5 Video,
Banyak situs akan digunakan untuk video. HTML5 menyediakan tampilan video standar.
Sampai saat ini, masih tidak ada standar yang ditujukan untuk tampilan video pada halaman.
Hari ini, sebagian besar video yang melalui plug-in (seperti Flash) yang akan ditampilkan. Namun, tidak semua browser memiliki plugin yang sama.
HTML5 menentukan cara standar untuk memasukkan video melalui elemen video.
Internet Explorer 9 +, Firefox, Opera, Chrome, dan dukungan Safari <video> elemen.
Catatan: Internet Explorer 8 atau versi sebelumnya dari IE tidak mendukung <video> elemen.
Untuk menampilkan video di HTML5, yang Anda butuhkan adalah:
<Video> elemen menyediakan play, pause dan volume kontrol untuk mengontrol video.
Pada saat yang sama <video> elemen elemen juga menyediakan atribut tinggi dan lebar mengontrol dimensi video. Jika Anda mengatur tinggi dan lebar ruang video yang diperlukan akan dipertahankan ketika beban halaman. . Jika Anda tidak menetapkan sifat ini, browser tidak tahu ukuran video, browser Anda tidak dapat memesan tempat tertentu ketika dimuat, halaman akan didasarkan pada asli perubahan ukuran video.
<Video> antara </ video> tag dan konten yang dimasukkan tidak tersedia untuk mendukung elemen video yang ditampilkan dalam browser.
<Video> elemen mendukung beberapa <sumber> elemen. <Sumber> elemen dapat link ke file video yang berbeda. browser akan menggunakan format diakui pertama:
Saat ini, <video> elemen mendukung tiga format video: MP4, WebM, dan Ogg:
Browser | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
khrom | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | NO | NO |
opera | YES (dari Opera 25 dan seterusnya) | YES | YES |
格式 | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
HTML5 <video> dan <audio yang> elemen juga memiliki metode, properti, dan peristiwa.
Metode <video> dan <audio yang> elemen, sifat, dan peristiwa dapat dikontrol dengan menggunakan JavaScript.
Metode yang digunakan untuk bermain, pause, dan beban dan sebagainya. Dimana sifat (seperti durasi, volume, dll) dapat dibaca atau set. Dimana acara DOM dapat memberitahu Anda bahwa, katakanlah, <video> elemen mulai bermain, berhenti, berhenti, dan sebagainya.
Contoh metode sederhana, kita menunjukkan bagaimana menggunakan <video> elemen, membaca dan mengatur properti, dan bagaimana untuk memanggil metode.
Membuat bermain sederhana / pause video dan mengubah ukuran kontrol:
Contoh di atas panggilan dua metode: bermain () dan jeda (). Hal ini juga menggunakan dua sifat: dijeda dan lebar.
Coba »Lihat referensi untuk lebih Pedoman HTML5 Audio / Video DOM Reference .
标签 | 描述 |
---|---|
<video> | 定义一个视频 |
<source> | 定义多种媒体资源,比如 <video> 和<audio> |
<track> | 定义在媒体播放器文本轨迹 |