Video Bermain di HTML

Sebelum HTML5, tidak ada standar untuk menampilkan video pada halaman web.

Sebelum HTML5, video hanya bisa dimainkan dengan plug-in (seperti flash).

HTML5 <video> elemen menentukan cara standar untuk menanamkan video di halaman web.

HTML <video> Elemen

Untuk menampilkan video di HTML, gunakan <video> elemen:

maaf, browser anda tidak mendukung video element

</video>

Bagaimana cara kerjanya

controls atribut menambahkan kontrol video, seperti play, pause, dan volume.

Ini adalah ide yang baik untuk selalu menyertakan lebar dan tinggi atribut.

Jika tinggi dan lebar tidak diatur, browser tidak mengetahui ukuran video. Efeknya akan bahwa halaman akan berubah (atau flicker) sedangkan beban video.

Teks antara <video> dan </ video> tag hanya akan ditampilkan dalam browser yang tidak mendukung <video> elemen.

Beberapa <source> elemen link ke file video yang berbeda. Browser akan menggunakan format yang diakui pertama.

HTML <video> Autoplay

Untuk memulai video secara otomatis menggunakan atribut autoplay:

maaf, browser anda tidak mendukung video element

</video>

The autoplay atribut tidak bekerja di Safari dan Opera, atau perangkat mobile seperti iPad dan iPhone.

HTML Video - Dukungan Browser

Saat ini, ada 3 format video yang didukung untuk <video> elemen: MP4, WebM, dan Ogg:

Browser	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	NO	NO
Opera	YES (from Opera 25)	YES	YES

HTML Video - Jenis Media

File Format	Media Type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML Video - Methods, Properties, dan events

HTML5 mendefinisikan metode DOM, properti, dan aktivitas untuk <video> elemen.

Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda video, serta menetapkan durasi dan volume.

Ada juga acara DOM yang dapat memberitahu Anda ketika video mulai bermain, dijeda, dll

HTML5 Video Tags

Tag	Description
<video>	Mendefinisikan sebuah video atau film
<source>	Mendefinisikan sumber media beberapa untuk elemen media, seperti <video> dan <audio>

HTML5 Audio

HTML5 menyediakan standar untuk memainkan file audio.

Audio di Web

Sebelum HTML5, tidak ada standar untuk memainkan file audio pada halaman web.

Sebelum HTML5, file audio hanya bisa dimainkan dengan plug-in (seperti flash).

HTML5 <Audio> elemen menentukan cara standar untuk menanamkan audio dalam halaman web.

HTML <Audio> Elemen

Untuk memutar file audio dalam HTML, gunakan <audio> elemen:

maaf, browser anda tidak mendukung audio element

</audio>

HTML Audio - Cara Bekerja

controls atribut menambahkan kontrol audio, seperti play, pause, dan volume.

Teks antara <audio> dan </ audio> tag akan ditampilkan dalam browser yang tidak mendukung <audio> elemen.

Beberapa <sumber> elemen dapat link ke file audio yang berbeda. Browser akan menggunakan format yang diakui pertama.

HTML Audio - Dukungan Browser

Saat ini, ada 3 format file yang didukung untuk <audio> elemen: MP3, Wav, dan Ogg:

Browser	MP3	Wav	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

HTML Audio - Jenis Media

File Format	Media Type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

HTML Audio - Methods, Properties, dan Events

HTML5 mendefinisikan metode DOM, properti, dan aktivitas untuk <audio> elemen.

Hal ini memungkinkan Anda untuk memuat, bermain, dan jeda audio, serta pengaturan durasi dan volume.

Ada juga acara DOM yang dapat memberitahu Anda ketika audio mulai bermain, dijeda, dll

HTML5 Audio Tags

Tag	Description
<audio>	Mendefinisikan konten suara
<source>	Mendefinisikan beberapa sumber untuk elemen media, seperti <video> dan <audio>

Kembali Keatas ⇑

CB Blogger

Tutorial Komputer

HTML5 Video dan Audio