Wordpress Player Yapımı - Jw Player

metinsarac
23-04-2014, 09:46   |  #1  
OP Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: Nis 2014

Jw player başka bir sitede ki videonunun direk çıkış linkiyle kendi sitenizde beğendiğiniz jw player 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.

2.Aşama

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

<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
[/FONT]

Kaynak  : Wordpress Player Yapımı -  Jw Player