Membuat Embed Video Youtube Valid HTML5

Membuat Embed Video Youtube Valid HTML5 - Mungkin kalian ingin memasang sebuah video pada blog kalian entah itu video mengenai tutorial atau video apa saja yang Anda bagikan pada blog Anda. Sekarang sedang musimnya HTML5 oleh karena itu blog Ficri Pebriyana akan membagikan sebuah tips atau trik agar bisa memasukan video dari youtube ke blog valid html5. Embed video juga sebenarnya sudah ada dari situs youtubenya, namun ketika kita pasang pada blog embed tersebut tidak valid html5 dan disini saya akan membagikannya versi valid html5. Selain itu mengenai kode iframe yang merupakan embed asli dari situs youtube memang sudah valid html5 tetapi tidak baik untuk SEO saat kita cek pada situs chkme.com jadi kita harus mengubah kode iframe tersebut dengan kode lainnya agar 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

Hasilnya maka akan seperti dibawah ini :

Sekian artikel mengenai Membuat Embed Video Youtube Valid HTML5. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Ficri Pebriyana

Blogger yang jarang nulis artikel :D

Bagikan Artikel ini