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

  • Elly

    Elly

    3 EKİM 2005
  • RaquelGamesBR

    RaquelGamesB

    20 HAZİRAN 2009
  • XxMinayaxX1

    XxMinayaxX1

    9 Mayıs 2012