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

  • The White House

    The White Ho

    21 Ocak 2006
  • TopDJMag TV

    TopDJMag TV

    29 Temmuz 2010
  • TV nEW

    TV nEW

    25 AĞUSTOS 2012