Sitenizin tasar�m� responsive fakat sitenizdeki yay�nlad���n�z videolar mobil, tablet gibi platformlarda sitenizin aray�z� ile entegre �al��may�p ta�malar yapabilir. Bu yaz�mda sizlere yay�nlad���n�z videolar� responsive yapmay� g�sterece�im.
Kurulum:
- A�a��da vermi� oldu�um CSS kodunu Blogger kullan�yorsan�z CTRL+F ile �]]</b:skin>� kodunu arat�p �st�ne ekleyin, farkl� bir yaz�l�m kullanmaktaysan�z .css dosyas�na ekleyin.
.Responsive-Video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.Responsive-Video iframe,
.Responsive-Video object,
.Responsive-Video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
- Videolar� yaz�lar�n�za eklerken kulland���n�z embed kodlar�n� a�a��da verdi�im koddaki �Embed Kodunu Buraya Ekleyin� k�sm�na yap��t�r�n.
<div class="Responsive-Video">Embed Kodunu Buraya Ekleyin</div>
Yorum Gönder