5.00 / 1 oy

Responsive youtube iframe video nasıl yapılır?

Iframe videoları bootstrap içine koyunca kendi width ve height özellikleri saçma sapan bir hal alıyor. Daha önce responsive google maps iframe haritaları için sormuş olduğum gibi youtube iframe videolarını da responsive yapmanın bir yolu varsa paylaşabilir misiniz? Örnek olarak çalışan kodları koyarsanız benim için yeterlidir :)

dağhan

21.08.2019 00:14

Bu soru 1 kez yanıtlandı.

  • 21 Ağustos 2019 07:30
    34

    Daha önce paylaşmış olduğum responsive iframe mantığında yine css ve örnek bir html olarak paylaşıyorum.

    .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }
    
    .video iframe,
    .video object,
    .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    <div class="video">
        BURAYA YOUTUBE IFRAME COPYKOPYALA YAPIŞTIR YAPILACAK
    </div>

     

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Responsive youtube iframe video nasıl yapılır?

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.