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

  • Dogbert files

    Dogbert file

    12 Ocak 2012
  • Google

    Google

    18 EYLÜL 2005
  • Paulo Bautista

    Paulo Bautis

    21 Aralık 2008