Sabtu, 03 Desember 2016

Membuat Embed Video Youtube Valid HTML5



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


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)