Membuat Embed Video Youtube Valid HTML5
Disini saya mau bertanya kepada kalian semua, apakah Anda ingin memasang
video dari youtube di halaman posting atau pada widget blog ?
Baiklah keduanya akan saya jelaskan pada pemasangan video youtube di
halaman posting atau pada artikel dan juga pada widget blog.
Embed video asli dari youtube kurang lebih seperti ini :
<iframe width="420" height="315" src="//www.youtube.com/embed/WscuHwCY0J8" frameborder="0" allowfullscreen></iframe>
Agar menjadi valid html5 kita ganti kode tersebut menjadi seperti ini :
<object width="500" height="281" data="//www.youtube.com/embed/WscuHwCY0J8"></object>
Untuk meletakan video ditengah bisa kita tambahkan beberapa kode menjadi seperti ini :
<div style="text-align: center;">
<object width="500" height="281" data="//www.youtube.com/embed/WscuHwCY0J8"></object>
</div>
Keterangan :
1. height="
281" adalah tinggi video
2. width="
500" adalah lebar video
3.
<div style="text-align: center;"> Kode Embed Video </div> adalah agar posisi video ditengan dengan kode
center
4.
WscuHwCY0J8 adalah ID dari video youtube, contohnya seperti ini :
https://www.youtube.com/watch?v=WscuHwCY0J8
Cara Memasang Video Youtube Pada Widget Blog
1. Masuk ke
Blogger.com
2. Klik
Tata Letak =>
Tambahkan Gadget
3. Pilih
HTML/JavaScript
4. Masukkan kode embed video youtube valid html5
5. Klik
Simpan
Cara Memasang Video Youtube Pada Halaman Posting
1. Silahkan tulis artikel hingga selesai
2. Masuk ke bagian
HTML (bukan Compose)
3. Masukkan kode embed video youtube valid html5
4. Lalu klik
Publikasikan atau kembali lagi ke bagian
Compose
Sekian artikel mengenai
Membuat Embed Video Youtube Valid HTML5. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...
sumber : http://www.ficripebriyana.com/2014/04/membuat-embed-video-youtube-valid-html5.html
Terima kasih sudah berkunjung dan membaca artikel mengenai Membuat Embed Video Youtube Valid HTML5 jika sobat ingin menyebar luaskan artikel ini di mohon untuk mencantumkan Link Sumbernya, Terima Kasih atas kerjasamanya ^_^
✚
Blogger
Google+
Facebook
Twitter