FitVideo.js – İframe ile çekilen medyayı tarayıcıya duyarlı yapma

FitVideo.js

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.

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-02-10 tarihinde yayınlandı,Toplam 1262 karakterden oluşmaktadır.
Yeniden yazdırma ipuçları:Özel talimatlar dışında, bu sitedeki tüm makaleler CC-4.0 sözleşmesi kapsamında yayınlanmaktadır.Yeniden basılması için lütfen kaynak belirtiniz.
Yorum yap(Yorum yapılmamış)
Yükleniyor...