cara menambahkan video pada HTML 5

Atribut yang digunakan untuk menambahkan video:

Atribute	Value	Description
controls	controls	Menentukan kontrol video yang akan ditampilkan(Contoh: tombol play/pause)
autoplay	autoplay	Menentukan bahwa video akan mulaiberputar otomatis
src	URL	Menentukan alamat URL dari mana sumber video
width	pixels	Mengatur lebar dari video player
height	pixels	Mengatur tinggi dari video player
loop	loop	Untuk mengulang / memainkan kembali video yang telah selesai diputar.
muted	muted	Menentukan bahwa output suara akan dimute/dihilangkan
poster	URL	Menentukan gambaryang akan tampil ketika video masih belum berputar.
preload	auto metadata none	Menentukanjika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.

format videoyang mendukung yaitu :

–Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)

–MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)

–WebM(File WebM dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm)

Sintaks Penulisanya :

atau

<video src="judulvideo.ogg" controls="controls"></video>

atau

<video controls="controls"><source src="judulvideo.webm" type="video/webm"></video>

Mengenal Elemen baru pada HTML5

DOCTYPE UNTUK HTML5

1. DOCTYPEadalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis.
2. Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD).
3. DTDmenetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.
4. Penggunaan DOCTYPE pada html5 lebih di sederhanakan.

Elemen baru pada HTML5

1. <article> Mendefinisikan sebuah artikel dalam dokumen 
2. <side> Mendefinisikan konten selain dari konten halaman
3. <bdi> Mendefinisikan sebuah bagian dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain
4. <details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
5. <dialog> Mendefinisikan sebuah kotak dialog atau jendela
6. <figcaption> Mendefinisikan sebuah caption untuk <figure> elemen
7. <figure> Mendefinisikan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll
8. <footer> Mendefinisikan footer atau kaki dokumen
9. <header> Mendefinisikan sebuah header atau kepala dokumen
10. <main> Mendefinisikan isi utama dokumen
11. <mark> Mendefinisikan ditandai atau teks yang disorot
12. <menuitem> Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
13. <meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
14. <nav> Mendefinisikan link navigasi dalam dokumen
15. <progress> Mendefinisikan proses dokumen
16. <rp> Mendefinisikan tampilan di browser yang tidak mendukung penjelasan ruby
17. <rt> Mendefinisikan penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
18. <ruby> Mendefinisikan penjelasan ruby ​​(untuk tipografi Asia Timur)
19. <section> Mendefinisikan bagian dalam dokumen 
20. <summary> Mendefinisikan judul yang terlihat untuk elemen <details>
21. <time> Mendefinisikan tanggal / waktu
22. <wbr> Mendefinisikan kemungkinan line-break

Elemen-elemen baru di Form :

1. <datalist> Mendefinisikan pilihan untuk kontrol input
2. <keygen> Mendefinisikan sebuah pasangan kunci ( untuk forms )
3. <output> Mendefinisikan hasil perhitungan

Elemen-Elemen Media baru di HTML5 :

1. <audio> Mendefinisikan konten suara atau musik
2. <embed> Mendefinisikan wadah untuk aplikasi eksternal ( seperti plug-in )
3. <source> Mendefinisikan sumber untuk <video> dan <audio>
4. <track> Mendefinisikan lagu untuk <video> dan <audio>
5. <video> Mendefinisikan konten video atau film

 Elemen-elemen Graphics baru di HTML5 :

1. <canvas> Mendefinisikan gambar grafis menggunakan JavaScript
2. <svg> Mendefinisikan gambar grafis menggunakan