Bu Ücretsiz Uygulama ile Kolayca Duyarlı Katıştırma Kodları Oluşturun
Her web tasarımcısı bilir Videolar nasıl gömülür. Katıştırma, içeriği paylaşmanın ve makalelerinizi alakalı ortamlarla iyileştirmenin en kolay yoludur.
Ancak, iframe'ler ve diğer benzer video embedleri ile ilgili bir sorun var: the duyarlı çözümlerin eksikliği. Her modern site tamamen duyarlı ve sabit bir video mobil bu akışı gerçekten bozabilir.
Bu sorunu gidermek için deneyin Embedresponsively.com. Bu ücretsiz web uygulaması embed kodlarını otomatik oluşturur Çok çeşitli medya siteleri ve hatta varsayılan iframe öğelerini destekler.
Varsayılan olarak bir avuç multimedya sitesinden birini seçin yerel embedleri destekleyen:
- Youtube
- Vimeo
- DailyMotion
- heyecan
- Google Haritalar
- ses bulutu
- Scribd
Tüm bu embed kodlarını ezberlemenize veya embed widget'ları ile karıştırmanıza gerek yok. Sadece gömmek istediğiniz öğenin URL'sini kopyalayın ve web uygulamasına yapıştırın.
Bir kez tıkladığınızda “Göm” düğme, sen önizleme al yapabileceğini yeniden boyutlandırarak tarayıcınızda test edin, Videonun nasıl adapte olduğunu görmek için Önizleme bölmesinin altında, bulabileceğiniz bir kod bloğu bulacaksınız. kopyala / yapıştır ve sitenize yerleştirmek için kullanın.
Bu, duyarlı embed probleminin en basit çözümlerinden biridir. Amaç için En boy oranını korurken videoyu esnek tutun-kolay bir iş değil.
CSS-Tricks'te sınıflara ve bir konteyner öğesine daha fazla güvenen başka bir çözüm ile harika bir parça var. Ama eğer sen her zaman bu kabı eklediğini hatırlamak istemiyorum Embedresponsively.com'u tercih edebilirsiniz.
Sitede bir göz at ve bir şans ver. Sakıncası yoksa daha uzun kod parçacıklarıyla çalışma Bu kesinlikle herhangi bir duyarlı düzen için harika bir çözüm.
Tam kaynak kodunu GitHub'ta ücretsiz olarak bulabilirsiniz daha fazla gömülebilir medya için destek ekleyin.
