Cara Memasukan Video Dengan Html 5

html,video
Behspotku - Halo sobat.. kali ini saya akan membagikan tutorial html memasukan video dengan text editor.. bisa dari text editor dari mana saja/apa saja jenis text editornya. Karena disini saya akan membuat dengan html 5, maka saya akan menjelaskan apa bedanya html biasa dengan html 5.

Beda dari html 5 dengan html biasa terletak pada suport tidaknya pemutar video pada semua brouser..
Kalau html 5 akan suport pada semua brouser, sedangkan html biasa hanya beberapa brouser saja karena tidak adanya fungsi yang untuk memanggil di semua extensi.

Di dalam artikel ini saya akan tuliskan beberapa kode dari html 5 dan html biasa

Menggunakan html biasa

Didalam html biasa kita menggunakan script <embed>
ex :

<embed src="videoku.mp4" autostart="false">

Dimana yang akan memutar video hanya brouser yang memiliki ektensi mp4 saja

Menggunakan html 5

Didalam html 5 kita menggunakan script <video>
ex:

<video width="400" height="200" controls="controls">
<sorce src="videoku.mp4" type="video/mp4" />
<sorce src="videoku.ogg" type="video/ogg" />
</video>

Dimana ada extensi ogg yang akan suport di semua brouser
Ingat....  scrip yang berwarna merah ini lah yang akan mensuport semua brouser.. jadi saya ingatkan.. jangan sobat rubah ya.. karena bisa mempengaruhi tampilannya nanti.

Itulah bedanya.. sobat bisa copas code tersebut...
Semoga bermanfaat bagi sobat semua

Posting Komentar

0 Komentar