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

  • Britec09

    Britec09

    4 Mart 2009
  • Just So

    Just So

    3 HAZİRAN 2007
  • Yo Mama

    Yo Mama

    18 EYLÜL 2005