Youtube Videolarını Responsive Yapmak

Youtube Videolarını Responsive Yapmak için birçok makale, yöntem yazılmıştır. Ancak genellikle çoğu çözüme kavuşmamaktadır. Sitenize eklediğiniz youtube videoları otomatik olarak responsive olmamaktadır. Aldığınız embed kodunu geliştirmeniz gerekmektedir.  Öncelikle bootstrap kütüphanesi kullanan bir web sitesine sahip olmanız gerekmektedir.  Bootstrap kütühanesinin nasıl eklendiği hakkında bilgi almak isterseniz tıklayınız..

//16:9 Görünüş Oranı

<div class="embed-responsive embed-responsive-16by9">

<iframe class="embed-responsive-item" src="videolinki"> </iframe>

</div>

// 4:3 görünüş oranı

<div class="embed-responsive embed-responsive-4by3">

<iframe class="embed-responsive-item" src="videolinki"></iframe>

</div>

İyi çalışmalar…