SORU
5 NİSAN 2013, Cuma


Duyarlı genişliği küçültmek Youtube video

Youtube bir video bizim web sitesinde gömülü var ve tablet veya telefon boyutları için ekran daraltırken genişliği yaklaşık 560px başlamıştır durur. Youtube videoları için bu standart veya kod için küçük için ilave edebileceğim bir şey var mı?

Site: http://www.jamonit.org/

Videoyu ana sayfada.

CEVAP
5 NİSAN 2013, Cuma


Youtube videolarını duyarlı olabilir. Şal sınıf ile bir div içinde iframe "videowrapper" ve aşağıdaki stilleri uygulayın:

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper div duyarlı bir eleman içinde olmalıdır. Üzerinde doldurma .videowrapper gerekli çökmekten video tutmaktır. Sayıları düzeni bağlı olarak çimdik gerekebilir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • sghaff1

    sghaff1

    23 Mart 2009
  • superflyy88

    superflyy88

    8 ŞUBAT 2009
  • UrAvgConsumer

    UrAvgConsume

    1 Ocak 2012