INSERT VIDEO DAN AUDIO DI HALAMAN WEB

➢ Menambahkan Video pada Halaman HTML

Sebelum adanya HTML5, untuk memutar video pada website itu memerlukan plug-in(seperti flash).
Tag <video> merupakan element standard untuk menyisipkan video di halaman web.
Browser yang mendukung untuk memutar html5 video antara lain.
Element Chrome Internet Mozila Safari Opera
Explore Firefox
<video> 4.0 9.0 3.5 4.0 10.5

HTMl5 mendukung video dengan type MP4, WebM dan Ogg. Akan tetapi, beberapa browser memiliki
support yang berbeda pada format video, semua browser di yang disebutkan sebelumnya mendukung format video
MP4, untuk WebM dan Ogg hanya didukung oleh Chrome, Firefox, dan Opera.
Untuk menyisipkan gambar pada halaman web dapat dilakukan melalui menu insert atau lewat panel
groups pilih html->html5 video. Berikut langkah-langkah yang dilakukan untuk menyisipkan gambar.
1. Siapkan terlebih dahulu video yang akan disiipkan pada halaman web.
2. Klik insert->html->html5 video
3. Selanjutnya akan muncul kotak dialog untuk memilih video yang akan disisipkan
4. Pada bagian panel properties akan muncul seperti pada Gambar 4.14

Gambar 1 Properties untuk Insert Video

5. Atur ukuran tampilan video dengan mengubah W(width) dan H(height) sesuai yang diinginkan
6. Centang autoplay jika ingin membuat video berputar secara otomatis pada saat halaman web itu diakses.
7. Centang loop jika ingin membuat video berputar berulang setelah selesai.

➢ Menambahkan Audio pada Halaman HTML

Sebelum adanya html5 maka untuk memutar video dan audio di halaman web harus menggunakan di
plug-in(seperti flash). Tag <audio> merupakan element standard untuk menyisipkan audio di halaman web.
Browser yang mendukung untuk memutar html5 audio antara lain.
Element Chrome Internet Mozila Safari Opera
Explore Firefox
<video> 4.0 9.0 3.5 4.0 10.5

HTMl5 mendukung audio dengan type MP3, WAV dan Ogg. Akan tetapi, beberapa browser memiliki
support yang berbeda pada format audio, semua browser di yang disebutkan sebelumnya mendukung format audio
MP3, untuk WAV dan Ogg hanya didukung oleh Chrome, Firefox, dan Opera. Safari juga sudah mendukung
untuk format audio WAV.
Untuk menyisipkan gambar pada halaman web dapat dilakukan melalui menu insert atau lewat panel
groups pilih html->html5 audio. Berikut langkah-langkah yang dilakukan untuk menyisipkan gambar.
1. Siapkan terlebih dahulu video yang akan disiipkan pada halaman web.
2. Klik insert->html->html5 audio
3. Selanjutnya akan muncul kotak dialog untuk memilih audi yang akan disisipkan.
4. Pada bagian panel properties akan muncul seperti pada Gambar 4.15
 Gambar 2. Properties untuk Insert Video

5. Centang autoplay jika ingin membuat video berputar secara otomatis pada saat halaman web itu diakses.
6. Centang loop jika ingin membuat video berputar berulang setelah selesai.