Home Article tutorial Tutorial Dekstop

cara menggunakan elemen video HTML5

8:00 AM
A+ A- Print Email
HTML5 video, tentu bagi kalian para developer web niscaya sudah mengetahui HTML, yang merupakan basic dari web statis untuk developer web. Dengan HTML5 memiliki beberapa elemen yang terbaru yang memudahkan kita dan simple saat menciptakan layout web.

Elemen tersebut seperti elemen semantic, attribut, graphic dan multimedia

<header>, <footer> , <article> dan <section> elemen semantic
Number, date, time, calender, dan rage elemen attribut form
<svg> dan <canvas> elemen graphic
<audio> dan <video> elemen multimedia

Okeh pribadi saja, kita aplikasikan menggunakan element video HTML5, berikut coding dasar :

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Hampir semua attribut dari elemen video seakan-akan attribut HTML pada umumnya. Pada elemen video
  • Attribut width merupakan lebar video yang di tampilkan
  • Hegiht merupakan tinggi video yang di tampilkan
  • Dan di dalama elemen source, attribut src, type seakan-akan attribut HTML image.
Berikut sample video yang berhasil yang di ambil dari youtube menggunakan HTML5


, ,