Sitedeki Videoları Mobil Uyumlu Hale Getirmek

FitVids Sitenizdeki youtube, vimeo videolarını her tarayıcının çözünürlüğüne göre uygun boyutlarda göstermek için oluşturulmuş, boyutlanabilir video sağlayan javascript betiğidir. Ben yazıda wordpress sitelerimize nasıl uygulayacağımızı anlatacağım.

Öncelikle FitVids’i indirmemiz gerek. Kendi sitesinden son sürümü indirmek için buraya tıklayın.

Eğer başka bir eklenti veya temanız jquery kullanmıyorsa onu da indirmeniz gerekiyor. Kullanıp kullanmadığına header.php‘nin içinde jquery diye arama yaparak bakabilirsiniz. Kullanmıyorsa indirmek için tıklayın.

İndirdiğimiz .zip uzantılı dosyayı açınca karşımıza böyle bir klasör görüntüsü çıkacak. Bunun içinden sadece jquery.fitvids.js dosyası bize lazım olacak. Bu dosyayı ftp’den istediğiniz yere atın. O dosyayı çağıracağız. Ben tema klasörümün içine attım.

Ardından header.php yi düzenleyeceğiz.
Header.php içine </head> tagın’dan önce eklememiz gerekiyor.

Ekleyeceğimiz kod;

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

Artık youtube veya vimeo’dan aldığımız videolar tarayıcının boyutuna göre küçülüp, büyüyecek.

Not: Bunlarla hiç uğraşamam derseniz bir eklenti var. Ben eklenti kullanma taraftarı olmadığım için böyle yaptım.
Eklenti adı: FitVids for WordPress

Aşağıdaki video ekran boyutunuza göre otomatik ayarlanır haldedir. Cep telefonundan da girerek deneyebilirsiniz.