15 Mart 2015, Pazar

Duyarlı Gömülü Video (Youtube, Vimeo, Vb)

Böylece sereceğim üzerinde hızlı yatak video arıyor Bir borda sizi IO ulaşmak ya beni hiç her yerde biz iframe katıştırma çeşit kullanan nerede Ben ne zaman bu eklediğinizde, varsayılan olarak şimdi duyarlı yapacağım Video bir yükseklik ve genişlik özelliğine sahip olacak bulacaksınız video boy oranını korumak değil ama buna duyarlı farklı yanıt vermez tarafından yapmayacağız Öğrenci boyutları ve bu oldukça can sıkıcı ama biz rapçi ile gelip edeceksin yapacağız Seni işi ben CSS stil biraz yapmak ediyoruz aşağıdaki gibi bu işe nasıl alabilirim o biz boy oranını koruyarak olduğunuzu buradan görebilirsin

iz Bu orijinal video YouTube sadece gömülü video gibi hafta haber yerden bira gömülü ve bu çalışacağını söyledi Yan biz sadece bir an göz atacağız Varsayılan kodu tekerlek kullanımı ucuz demek ve sonra biz o inşaat bu yü

zden başlatmak için başlayacağız Burada gördüğünüz gibi o yüzden gitmem edelim ve biz bu işi yapmak için gereken ısırma iştah başlayacak Ben kopyalanıp yapıştırılan üzerinde ettik nasýl işte ben varsayılan var Şimdi ya

“YouTube, Vimeo dan Gömülü video ve diğer video siteleri duyarlı kalkınma için iyi bir genişlik ve yükseklik anahtar kelimeler ile boy oranını korumak! Bu videoda ...”
Codecourse

nağına embed linkinden benim gibi anı bir genişlik 560 var dedi ve biz bu gibi görünüyor sayfadaki şu anda yüksek veya 315 var Aşağıdaki: bu yüzden tabii ki onun en boy oranı korumuştur oldu Biz en kısa sürede biz getirmek gibi ben hiç değilim videoyu oynatmak şeyler yapabilirsiniz gözenek boyutu aşağı tabii ki cevap vermiyor ve bunların kaç şey bir yardımcı olacağını düşünüyorum olabilir Biz mutha hiked yüzde yüz am bana olsun bize gerçekten komik görünümlü video

Duyarlı Gömülü Video (Youtube, Vimeo, Vb) Resim 1 Duyarlı Gömülü Video (Youtube, Vimeo, Vb) Resim 2 Duyarlı Gömülü Video (Youtube, Vimeo, Vb) Resim 3 Duyarlı Gömülü Video (Youtube, Vimeo, Vb) Resim 4

yu verecektir Böyle bir gerçekten uzun bir video de bir, aşağı yanıt yok Açıkçası biz o zaman yapmanız gereken bu yüzden ihtiyacınız boy oranını korumak değil O çok daha iyi bir çözüm ile gelip ihtiyacı olan ve biz bu hi frank üzerinde Whitman yüksek niteliğin kurtulabilirsiniz başlamak şimdi Bu belgenin üzerinde o zaten burada bağlantılı bir yıldız var ve bunun içinde hiçbir şey uzakta burada bu ap Nazi SS var Benim dk ve yapacağız o biraz sinir bozucu bu iframe bir rapçi ekleyerek konum Biz ekstra biçimlendirme biraz

olması gerekir ama gerçekten bu çok önemli değil bunu etkileyen almak için bu yüzden devam edin ve bir pratik izin aile Nick verirsen, video kaydetmek sınıfı Eğer cepler olarak ne gibi bu çağırabilirsiniz rapçi iframe sadece burada site gibi içine öylesine pek değişecek şimdi olacak tam olarak aynı görünecek olan hala yanıt değil Açıkçası bu boyutta azalır geri yüzden biz bir video rapçi hedef için gidiyoruz olduğunu yapacaksın biz olacak pozisyon konum bugün s birkaç stilleri eklemek edeceksin mutlak bir konum olarak bu içinde iframe ve biz anlamına gelir genişlik ver ve yükseklik 100 SEM biz sol üst sopa ve sihirli atalım sonra Apple CSS sifon gerçek rapçi olur oluşturmak Nasıl Yapacağımız işte classed hedefler Video rapçi söylüyor ve biz de bir video rapçi başlangıç ​​yapacağız ve içinde iframe size sadece Biz bira tarafı ihtiyaç seçiciler Hızlı sonra Sebebi bu bir pozisyon göreceli vermek gerekir İhtiyacımız olduğu Kesinlikle iframe konumlandırmak Biz vermeyin aksi halde, bu rapçi içinde bu olacak uçuş nereye bu istemiyoruz biraz, eğer olduğunu CSS bu olacak kadar fark yapmak değil şu anda o kadar buradayız sadece bu yüzden hiçbir şey gerçekten burada değişti aşağıdaki gibi bakmak bulacağız var bu yüzden o zaman ne yapmak gerekir içindir Onları Video rapçi bu belirli vermek gerekir Biz yapacağız konum ne alt denizaltıya dolgu I biz veremem sanırım ilk top ve iframe width 500 Şen, biz istediğiniz yüzde 100 gibi yüksek bir göz alabilirsiniz kabını doldurun hangi koyarak hafta bir video rapçi ve bunu sopa Üst ve bu Sascha 0 NT Wright gidiyor gitmiyor bu konuda duymaya başlar bir fark, bir otoyol çok yapmak Aslında tam nedeni kaybolur Eğer Paddington Video rapçi yerleştirmek ihtiyacımız Aslında biz yapacağız bu parlaklık tarafı bu bir kaydırma bir vermek yapmak padding-bottom: 56.25, yüzde etmeyeceksin bu sadece bir dışarı çalıştı nasıl size ilk barda gerçekten garip görünüyor an Şimdi bu bir padding-bottom vereyim: 5625 yüzde kullanıcısının bu önizleme izin ve aslında dolu olduğunu görebilirsiniz Bu kapsayıcı ve en sadece bu resized diyelim izin iyi görünüyor İnce sayin herşey tamam gibi görünüyor görünüyor gelmesi olmayı nasıl 56.25 Yüzde biz zaten şimdi eşleştirme yaptık bozonu bu sadece sahip Bu değer biz de burada neden işe Bir boy oranı dokuz tarafından onaltı var 16 / San outlook 9 O kadar burada 16 huysuz uçmak 9 yüzden özellikle bu yönü için vermek gerekir yüzdesini atlatmanın oran Başka bir aspirasyon ile uğraşıyoruz Açıkçası eğer bu olacak bir sürü olacak matematik farklı Yaptığımız tüm biz bölmek aynı olduğu Personel hafta toplantısı 9 16 tarafından tanımlanan Biz sadece burada Hesaplama bazı dikey kapmak ve eğer o eşek verir ama Haydi jest Kanada 16 tarafından sağlanan 29 diyor 565 Bu tanıdık göstermiyor Naps elli yüzde 6,25 olan biz 256 ve sivri 5 atlatmanın nasıl Bu sizi kullandığınız hangisi en boy oranı bu yüzden biz bu sayıyı geldi nasıl Aynı hesaplamalar vardı kullanabilirsiniz çıktı ve daha sonra kendinize bir duyarlı olması biz sadece aynı şekilde çalışır oynamak basarsanız video sadece test etmek ve bu kadar biz çok basit bir sarıcı yarattık CSS ile biraz hey kendimizi vermek kullanarak duyarlı gömülü video iframe.

Açıklama

YouTube, Vimeo dan Gömülü video ve diğer video siteleri duyarlı kalkınma için iyi bir genişlik ve yükseklik anahtar kelimeler ile boy oranını korumak! Bu videoda bir iframe içinde gömülü bir video duyarlı hale getirmek için basit bir sarıcı oluşturmak. Daha fazla öğreticiler için buraya Abone: http://www.youtube.com/subscription_center?add_user=phpacademy Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.8/10

  • 210
    Olumlu
  • 3
    Olumsuz
  • 36
    Yorum
  • 4791
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • André Frizzo

    André Frizz

    16 Aralık 2006
  • FrameCityJackal

    FrameCityJac

    4 Aralık 2010
  • KliptOut KwazeeKilla

    KliptOut Kwa

    24 ŞUBAT 2010

ANKET



Bu sayfa işinize yaradı mı?