WordPress Player Yapımı – Jw Player

tarihinde gönderilmiş tarafından

Merhaba arkadaşlar bugün ki yazım da konusunu ele alacağız.   başka bir sitede ki videonunun direk çıkış linkiyle kendi sitenizde beğendiğiniz tasarımı ile yayın yapmanıza olanak tanımaktadır. Küçük bir örnekle desteklemek gerekirse

Dinlediklerim sayfamdan örnek bir video linki bu konuda jw playerin son görünümünü kullandım. Normalde youtube linklerini özel alan yardımıyla ekliyorum, daha sonra konuyu yayınla dediğim de hazır olarak bu şekilde yayına giriyoruz.

Özellikleri

  • Responsive(Mobil) uyumludur.
  • Youtube videolarının tamamını yayınlayabilirsiniz
  • Video kalitesi seçeneği bulunmaktadır.
  • 16:9 , 4:3 ekran boyutları seçeneği bulunmaktadır.
  • Video geçişlerinde durdur/başlat özelliği vardır.

Şimdi nasıl yapacağımızı aşama aşama anlatmaya çalışacağım. (İşlemler youtubeye göre anlatılmıştır direk link yerine çıkış linkinizi ekleyebilirsiniz.)

1.Aşama

Jw Player dosyalarını indirin.

Kodun üzerinde ki dosya yolana göre sunucunuza göndermeyi unutmayın. 🙂

2.Aşama

aşağıda ki kodları bu şekilde videoyu göstermek istediğiniz alana ekleyin. (single.php, index.php, category.php vs)

<?php

<script src="<?php bloginfo('template_url'); ?>/js/jw.js"></script>
<div id='playerttzHsEiChliW'></div>
<script type='text/javascript'>
jwplayer('playerttzHsEiChliW').setup({
file: '<?php echo get_post_meta($post->ID, 'youtube', true); ?>',
title: '<?php the_title(”); ?> ',
width: '100%',
aspectratio: '16:9′,
fallback: 'false'
});
</script>

?>

width: ‘100%’, bunu kendinize göre ayarlayabilirsiniz, fakat 100% kalması daha doğrudur, tasarım responsive (mobil) uyumludur.

3.Aşama

WP-Admin > Yeni Yazı Ekle > Özel Alanlar Sekmesinden > youtube linki girip yayınla dediğimiz de, videomuz kullanıma hazırdır.

Örnek

wordpress-player-yapımı-jw-player