Detaylı Olarak JW Player Kullanımı

Detaylı Olarak JW Player Kullanımı

Öncelikle JW Player’in ne olduğunu söyleyeyim. JW Player sitenizde video oynatmanıza yarayan bir video oynatıcısıdır. Başta mp3, flv gibi birçok uzantıyı desteklemektedir.

JW Player’in en güzel özelliklerinden biri de Youtube videolarını sadece video linki ile oynatmasıdır. Hatta bu videoyu Facebook’ta paylaştığınızda playerdan dolayı video olarak çıkar. Bu yazımda JW Player ile WordPress’de eklentisiz olarak Youtube videolarını oynatmayı anlatacağım.

JW Player’in son sürümünü buradan indirip rar dosyasının içinden çıkan video klasörünü tema klasörünüzün içine atınız.

JW Player’in en basit kullanım şekli aşağıdaki gibidir.

<script type='text/javascript' src='jwplayer.js'></script>

<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': 'player.swf',
    'file': 'http://content.longtailvideo.com/videos/flvplayer.flv',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>

Şimdi bu kodları WordPress’e uyarlayalım.

<?php $youtube =  get_post_meta($post->ID,'youtube', true);
if ($youtube!="") { ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/video/jwplayer.js"></script>
<div id='mediaspace'>This text will be replaced</div>
<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': '<?php bloginfo('template_url'); ?>/video/player.swf',
    'file': '<?php echo $youtube; ?>',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>
<?php } ?>

Yukarıdaki kodu single.php dosyasında videonun çıkmasını istediğiniz yere koyun. Yazı eklerken youtube özel alanını kullandığınızda video kısmı çıkar, kullanmazsanız video kısmı çıkmaz. Peki ne yazacağız bu özel alana? Youtube’dan eklemek istediğiniz videonun linkini yazmanız yeterli. Örneğin; http://www.youtube.com/watch?v=b-fCu3aMjvc

Genişlik ve yükseklik ayarlarını width ve height değerlerini oynayarak düzeltebilirsiniz.

Eğer videoyu sayfaya girer girmez oynamtmak isterseniz yukarıdaki kodlardan 'controlbar': 'bottom', kodunun hemen altına 'autostart': 'true', kodunu eklemeniz yeterli olacaktır.

Eğer Youtube’daki gibi alttaki kontrol çubuğunun video başlatınca kaybolması, video üzerine gelince tekrar geri gelmesini isterseniz 'controlbar': 'bottom', kodunu 'controlbar': 'over', şeklinde değiştirmelisiniz.

Alt kontrol çubuğunun rengini beyazdan farklı bir renk yapmak isterseniz 'controlbar': 'bottom', kodunun hemen altına 'backcolor': '000000', eklemeniz yeterli. Buradaki 000000 renk kodudur. Bunu kendinize göre değiştirmeniz gerekmektedir.

Bu yazımda en kolay şekilde JW Player’i WordPress bloğunuzda kullanmayı anlatmaya çalıştım. Daha fazlası için LongTail Video‘ya bakabilirsiniz.

Bunları da okuyabilirsin
Yazı hakkındaki yorumun nedir?

86 Yorum
  1. antibioticc
    5 Şubat 2012 - 15:10
    Cevapla
    • Usluer
      5 Şubat 2012 - 15:50
      Cevapla
  2. yemrekmekci
    5 Şubat 2012 - 16:48
    Cevapla
  3. Okan
    8 Şubat 2012 - 19:29
    Cevapla
    • Usluer
      9 Şubat 2012 - 13:00
      Cevapla
  4. Okan
    9 Şubat 2012 - 14:12
    Cevapla
    • Usluer
      10 Şubat 2012 - 15:59
      Cevapla
  5. Gökhan
    3 Mart 2012 - 12:54
    Cevapla
    • Gökhan
      3 Mart 2012 - 13:06
      Cevapla
  6. Gökhan
    3 Mart 2012 - 13:55
    Cevapla
    • Usluer
      3 Mart 2012 - 14:35
      Cevapla
  7. furkan
    20 Temmuz 2012 - 14:29
    Cevapla
    • Usluer
      20 Temmuz 2012 - 15:03
      Cevapla
  8. furkan
    20 Temmuz 2012 - 15:21
    Cevapla
    • Usluer
      20 Temmuz 2012 - 15:41
      Cevapla
  9. furkan
    21 Temmuz 2012 - 01:20
    Cevapla
  10. furkan
    21 Temmuz 2012 - 02:44
    Cevapla
    • Usluer
      21 Temmuz 2012 - 09:02
      Cevapla
  11. Kral
    1 Ekim 2012 - 21:09
    Cevapla
    • Usluer
      1 Ekim 2012 - 21:32
      Cevapla
  12. Emre
    22 Ekim 2012 - 19:30
    Cevapla
    • Usluer
      22 Ekim 2012 - 19:55
      Cevapla
  13. Emre
    23 Ekim 2012 - 02:36
    Cevapla
    • Usluer
      23 Ekim 2012 - 08:34
      Cevapla
      • Emre
        23 Ekim 2012 - 16:21
        Cevapla
        • Usluer
          23 Ekim 2012 - 16:58
  14. Emre
    23 Ekim 2012 - 18:15
    Cevapla
  15. mustafa
    7 Kasım 2012 - 04:08
    Cevapla
    • Usluer
      7 Kasım 2012 - 13:16
      Cevapla
  16. mustafa
    7 Kasım 2012 - 14:33
    Cevapla
    • Usluer
      7 Kasım 2012 - 16:18
      Cevapla
  17. mustafa
    7 Kasım 2012 - 18:53
    Cevapla
    • Usluer
      7 Kasım 2012 - 22:16
      Cevapla
  18. mustafa
    8 Kasım 2012 - 10:00
    Cevapla
    • Usluer
      8 Kasım 2012 - 11:41
      Cevapla
  19. Tayfun
    26 Kasım 2012 - 19:24
    Cevapla
    • Usluer
      27 Kasım 2012 - 01:29
      Cevapla
      • Tayfun
        28 Kasım 2012 - 10:43
        Cevapla
        • Usluer
          28 Kasım 2012 - 12:39
  20. Tayfun
    29 Kasım 2012 - 01:49
    Cevapla
  21. gökhan
    24 Aralık 2012 - 07:16
    Cevapla
    • Usluer
      24 Aralık 2012 - 13:50
      Cevapla
  22. gökhan
    24 Aralık 2012 - 15:58
    Cevapla
    • Usluer
      24 Aralık 2012 - 17:14
      Cevapla
  23. gökhan
    24 Aralık 2012 - 17:46
    Cevapla
    • Usluer
      24 Aralık 2012 - 19:39
      Cevapla
  24. gökhan
    26 Aralık 2012 - 15:30
    Cevapla
  25. Oğuz
    9 Şubat 2013 - 20:08
    Cevapla
    • Usluer
      9 Şubat 2013 - 20:15
      Cevapla
      • Oğuz
        10 Şubat 2013 - 00:00
        Cevapla
        • Usluer
          10 Şubat 2013 - 10:59
        • REmix
          1 Haziran 2014 - 20:17
  26. Oğuz
    10 Şubat 2013 - 15:01
    Cevapla
    • Usluer
      10 Şubat 2013 - 17:46
      Cevapla
  27. olesore
    2 Mart 2013 - 23:39
    Cevapla
  28. olesore
    4 Mart 2013 - 17:08
    Cevapla
    • Usluer
      4 Mart 2013 - 22:26
      Cevapla
  29. Tarık
    30 Mart 2013 - 03:04
    Cevapla
    • Usluer
      30 Mart 2013 - 13:28
      Cevapla
      • Tarık
        30 Mart 2013 - 13:32
        Cevapla
  30. fatih
    22 Mayıs 2013 - 01:45
    Cevapla
    • Usluer
      22 Mayıs 2013 - 02:07
      Cevapla
      • fatih
        22 Mayıs 2013 - 02:19
        Cevapla
  31. MK71
    25 Mayıs 2013 - 20:20
    Cevapla
    • Usluer
      25 Mayıs 2013 - 20:37
      Cevapla
  32. ömer yildiz
    27 Ekim 2013 - 23:42
    Cevapla
  33. emrah elyiğit
    14 Mart 2014 - 09:09
    Cevapla
  34. vehbi
    7 Nisan 2014 - 20:45
    Cevapla
  35. hüseyin
    11 Temmuz 2014 - 13:22
    Cevapla
    • Usluer
      13 Temmuz 2014 - 08:51
      Cevapla
  36. ufuk
    12 Nisan 2015 - 21:57
    Cevapla
  37. ali
    8 Mayıs 2015 - 11:34
    Cevapla
  38. Batuhan
    15 Ağustos 2015 - 01:34
    Cevapla
    • Usluer
      15 Ağustos 2015 - 09:08
      Cevapla
  39. Mehmet
    25 Aralık 2015 - 13:39
    Cevapla
    • Usluer
      25 Aralık 2015 - 13:59
      Cevapla
      • Mehmet
        25 Aralık 2015 - 16:14
        Cevapla
  40. Barry
    4 Haziran 2019 - 03:20
    Cevapla
    • Usluer
      5 Haziran 2019 - 09:34
      Cevapla
      • Baryy
        17 Haziran 2019 - 21:29
        Cevapla
  41. Kaan Yiğit
    9 Kasım 2020 - 23:34
    Cevapla
    • Usluer
      10 Kasım 2020 - 08:23
      Cevapla