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.com2. 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 selesai2. 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
EmoticonEmoticon