Videoları Duyarlı hale getirmek için jQuery

İçindekiler

Farklı cihazlar için duyarlı veya uyarlanabilir web tasarımı, tasarımlarımızın internet bağlantısı olan herhangi bir cihaz ekranına mükemmel şekilde uyması için hizmet vermektedir.
CSS3'te medya sorgularının kullanılması, CSS3 Medya Sorguları ile duyarlı tasarımlar oluşturmanıza olanak tanır.
Bir ortam sorgusu, bir ortam türünden ve genişlik, yükseklik ve renk gibi ortam özelliklerini kullanarak stil sayfalarını sınırlayan en az bir sorgudan oluşur. CSS3'e eklenen medya sorguları, içeriğin kendisini değiştirmeye gerek kalmadan içeriğin belirli bir çıktı aygıtı aralığına uyarlanmasını sağlar.
Medya sorguları, bir medya türü ve medyanın özelliklerini içeren, doğru veya yanlış olarak çözümlenen bir veya daha fazla ifadeden oluşur. Ortam sorgusunda belirtilen ortam türü, görüntülenen aygıt türüyle eşleşiyorsa ve ortam sorgusundaki tüm ifadeler doğruysa, sorgunun sonucu doğrudur. Bir ortam sorgusu doğru olduğunda, normal kademeli kurallar izlenerek ilgili stil sayfası veya stil kuralları uygulanır.
 

Bu duyarlı teknik, web sitemizi tüm cihazlar için daha pratik ve erişilebilir kılmak için multimedya içeriği olsa bile bir web sitesindeki tüm dosyalarımızla kullanılabilir, o zaman videolarımızı da Duyarlı, yani kendi kendini ayarlayan veya duruma göre uyarlanabilir hale getirebiliriz. Çıkış cihazı.
Bunun için elimizde FitVids.js var, bu herhangi bir videoyu duyarlı hale getirmek için kullanılan bir eklentidir, konteynerin veya çıktı cihazının boyutuna mükemmel ve otomatik olarak uyum sağlar, içeriğinin mükemmel şekilde görselleştirilmesi açısından web tasarımı için çok pratik bir şey telefonlarda akıllı telefonlar ve tabletler.
Web sayfası tasarımınıza jQuery 1.7 veya sonraki bir sürümünü ve FitVids.js'yi dahil etmeli ve video kapsayıcısını fitVids () ile hedeflemelisiniz.

Kullanımı basittir, sadece bir videoyu işaret eden fitVids işlevini çağırın ve öğe otomatik olarak birve yeniden boyutlandırmak için CSS uygulanacaktır.
Şu anda Youtube, Vimeo, Blip.TV veya Viddler gibi ana servislerle uyumludur.
Herhangi bir div sınıfı .video otomatik olarak yeniden boyutlandırılacak şekilde bir işlevle wordpress'e ekleyebiliriz.
 }}}} add_action ('init', 'fitvids'); ?> var13 -> 
Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave