Cara Memakai Elemen Video Html5

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 menyerupai 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 eksklusif saja, kita aplikasikan memakai 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 menyerupai 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 menyerupai attribut HTML image.

Berikut sample video yang berhasil yang di ambil dari youtube memakai HTML5

Bagikan Artikel ini