Cara Memasang Video Responsive dan Valid

Cara pemasangan video ada beberapa kali perubahan termasuk terakhir perkembangan template responsive,

Jika template kita sudah Responsive maka untuk memasang video juga harus Responsive

<iframe width="560" height="315" src="http://www.youtube.com/embed/mORrs-oCe2c?rel=0" allowfullscreen></iframe>

Copy kode youtube anda seperti berwarna biru diatas
Kemudian ganti menjadi seperti dibawah ini:

<embed height="315" src="http://www.youtube.com/v/mORrs-oCe2c" width="560"></embed>

Maaf,  cara diatas cara valid lama kemudian cara agak baru 2014  valid html 5:


<iframe height="315" src="http://www.youtube.com/v/wItwkdP6FXQ" title="Lagu Untuk Sang Pemimpin" width="560"></iframe>

Dan agar otomatis putar video diblog Valid html 5  :


<iframe height="315" src="http://www.youtube.com/v/wItwkdP6FXQ?autoplay=1" title="Lagu Untuk Sang Pemimpin" width="560"></iframe>

Dan perkembangan terakhir agar Video Responsive, Valid Dan Seo ada dua cara:

Cara Memasangnya:

- Simpan CSS ini pada bagian ]]></b:skin> atau </style>

.ResponsiveVideo {
     position:relative;padding-bottom: 56.25%;
     padding-top:25px;
     height:0;
}
.ResponsiveVideo iframe, video, object, embed {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
}

Untuk kode pemanggil Responsive kita harus menggunakan:

<div class="ResponsiveVideo">...Kode video disini...</div>


Perlu diketahui secara keseluruhan cara pemasangan menggunakan embed,
contoh sebeumnya:

<embed height="315" src="http://www.youtube.com/v/mORrs-oCe2c" width="560"></embed>

Maka agar valid, Ubah menjadi atau buang kode berwarna biru ( ></embed> ) menjadi ( /> ) atau selengkapnya lihat dibawah ini:

<embed height="315" src="http://www.youtube.com/v/mORrs-oCe2c" width="560" title="Lagu Untuk Sang Pemimpin"/>

Untuk Seonya: Penambahan title Text seperti kode merah diatas.


Sehingga secara keseuruhan menjadi:

<div class="ResponsiveVideo">
<embed height="315" src="http://www.youtube.com/v/wItwkdP6FXQ" title="Lagu Untuk Sang Pemimpin" width="560">
</div>

Atau cara valid kedua :

<object width="500" height="281" data="//www.youtube.com/embed/wItwkdP6FXQ" title="Cara Memasang Video Responsive dan Valid"></object>

Ganti code wItwkdP6FXQ dengan Code Youtube anda:

Dan Untuk Selengkapnya lagi silakan kunjungi Responsive Code

Sekian dan Terimakasih