FitVideojs

Youtube, Vimeo gibi sitelerden alınan videoları bilirsiniz, mobil için ve bilgisayar için farklı aynı boyutta çıkarlar  iframe ile sayfanıza  çektiğiniz  zaman. Bazen bu durum büyük sorun olabiliyor kimileri için. FitVids.js   websitenizdeki videoların tarayıcıya  duyarlı olmasını  sağlayan bir jQuery eklentisidir. Bu eklenti kullanarak yayınlanmış olan videolar  bütün tarayıcılar  ve cihazlara  göre  uygun boyut  alabilme  özelliğine sahiptir. Demo  sayfasını  açtığınız  zaman taraıcınızı  küçültürseniz  demo sayfasındaki videolarında tarayıcıya  göre eşit bir oranla  küçüldüğünü göreceksiniz.

 

Kullanım

Javascript :

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.fitvids.js"></script>
<script>
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $("#css-secici").fitVids();
  });
</script>

Desteklenen Videolar (Her tablo alanına bir video embed  kodunu girmeniz  gerekiyor) :

<table>
<tr><td>YouTube</td><td>Y</td></tr>
<tr><td>Vimeo</td><td>Y</td></tr>
<tr><td>Blip.tv</td><td>Y</td></tr>
<tr><td>Viddler</td><td>Y</td></tr>
<tr><td>Kickstarter</td><td> Y</td></tr>
</table>

JavaScript : 

  $("#css-secici").fitVids({ customSelector: "iframe[src^='http://mycoolvideosite.com'], iframe[src^='http://myviiids.com']"});
  // Selectors are comma separated, just like CSS / Css seçicileri virgülle ayırarak çoğaltabilirsiniz.

 

Bu Yazıyı Paylaş

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

ÜYE GİRİŞİ

Arkadaş ekleme, özel mesaj, kişisel yazı paylaşmak için siteye giriş yapın

Şifremi unuttum? Kayıt Ol!
  • Ali:

    Pardon Yuyyu olacaktı...

  • Ali:

    Tamam yuyu da olsun :)...

  • Arkadaşlık Uygulaması:

    Yuyyu Online Arkadaşlık Sitesi – Sohbet Et ve Yeni İnsanlarla Tanış Yuy...

  • Ali:

    Üşenmeden web arşivi linkini arayıp bulmuşsun teşekkürler :)...

  • ibrahim:

    türkiyeden de bırakan olmuş oyunu. dünya geneli de bırakan epey olmuş. wi...

  • Araç çubuğuna atla