WordPress Siteye Youtube Responsive Video Ekleme ?

WordPress Web Siteme Video ekliyorum ama bir türlü responsive olmuyor diyorsanız. Ben aşağıda anlatacağım şekilde bir yol buldum. Umarım sizinde işinize yarar.

Eğer sizinde böyle bir sorunuz varsa yazıma bir göz atın isterseniz. Belki de problemin çözümünü bu yazımda bulabilirsiniz.

Eklediğim Örnek Video Bu Şekilde Oldu Responsive

Size Nasıl Yaptığımı Anlatayım…

Aşağıdaki kodu eklemek için Görünüm > Düzenleyici tıklıyoruz. Orada style.css dosyasını bulup en sonuna ekliyoruz ve Dosyayı Güncelle diyoruz.

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

 

Daha sonra videoyu eklerken youtube.com kırmızı ile işaretlediğim kısma kadar alıp kodun içine yapıştırıyoruz ve videomuz responsive video olarak çalışacaktır.

<div class="video-container"><iframe src="https://www.youtube.com/watch?v=w4YC0k3cAhM"></iframe></div>

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir