lostyazilim
tr.link

Youtube’dan Json ile Video Çekimi jQuery – Ajax

14 Mesajlar 4.730 Okunma
acebozum
tr.link

cudjex cudjex ozergul.net Kullanıcı
  • Üyelik 23.11.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad Ö** G**
  • Mesajlar 1647
  • Beğeniler 347 / 570
  • Ticaret 8, (%100)
Merhaba arkadaşlar.Bugünlerde ajax a merak sardım.Bu merakımı bilinen servislerin api leriyle oynaşmakla gideriyorum.Script edasında bir Youtube müzik arama sayfası yaptım.Youtube API JSON ile çalışıyor script.Aslında başlığa video çekimi demişim ama veri çekimi demek daha doğru olurmuş.



jquery :
Bu kısımda şunları yaptık :
form submit edildiğinde belirlediğimiz inputtaki aranacak kelimeyi aldık.Bu kelimeyi encodeURIComponent ile adres çubuğuna uygun hale getirdik.Ardından da http://gdata.youtube.com/feeds/api/videos?q=kelime&max-results=24&v=2&alt=jsonc&category=Music adresinde arama yaptırdık.Gelen verileri de $.ajax() get fonksiyonuyla alıp,$.each() ile ekrana yazdırdık.

$(document).ready(function() {
$("#muzikara").submit(function() {
$("#video").html('');
var k = $("#kelime").val();
var a = encodeURIComponent(k);
var adres = 'http://gdata.youtube.com/feeds/api/videos?q='+a+'&max-results=24&v=2&alt=jsonc&category=Music';
$.ajax({
type: "GET",
url: adres,
dataType:"jsonp",
success: function(sonuc) {
if(sonuc.data.items) {
$.each(sonuc.data.items, function(i,data) {
var video_id = data.id;
var video_baslik = data.title;
var video_resim = data.thumbnail.sqDefault;
var video_izlenme = data.viewCount;
var final="
  • "+video_baslik+"
  • ";
    $("#video").append(final);
    });
    } else {
    $("#video").html("
    video yok
    ");
    }
    }
    });
    });
    });



    html :








    css :

    body {background:#86C9EF;font-size:13px;color:#fff;font-family:verdana;}
    ul,li {list-style:none;margin:0;padding:0;}
    li {float:left;width:120px;padding:5px;background:#fff;height:150px;margin-right:20px;margin-bottom:20px;}
    li a{color:#333;font-weight:bold;text-decoration:none;position:relative;}
    li a:hover:after{position:absolute;content:attr(title);font-size:10px;left:110px;top:-40px;background:#333;color:#fff;z-index:9999;padding:2px;line-height:18px;width:120px;}
    #muzikara,#video {margin-top:20px;margin-left:20px;width:700px;}
    input[type=text] {padding:5px;border:2px solid #222;background:#fff;font-size:18px;font-weight:bold;width:300px;}
    input[type=submit] {padding:5px;background:#333;cursor:pointer;color:#fff;border:0;font-size:18px;font-weight:bold;}


    Demo için tıklayınız,dosyayı indirip incelemek için tıklayınız.

    Kaynak : http://blog.ozergul.net/youtubedan-json-ile-video-cekimi-jquery-ajax.html
    Sorularınızı varsa sorabilirsiniz.
    deviL umtt

    kişi bu mesajı beğendi.

    ozergul.net/com
    wmaraci
    reklam

    Guneyy Guneyy se'öcü değilim.. Kullanıcı
    • Üyelik 22.06.2012
    • Yaş/Cinsiyet 34 / E
    • Meslek E-Ticaret
    • Konum Diğer
    • Ad Soyad İ** G**
    • Mesajlar 781
    • Beğeniler 58 / 199
    • Ticaret 86, (%100)
    Az önce blogda okumuştum güzel paylaşım teşekkürler hocam.
    cudjex

    kişi bu mesajı beğendi.

    deviL deviL Paylaşmak Güzeldir. Kullanıcı
    • Üyelik 20.11.2011
    • Yaş/Cinsiyet 40 / E
    • Meslek serbest
    • Konum
    • Ad Soyad ** **
    • Mesajlar 645
    • Beğeniler 161 / 110
    • Ticaret 21, (%100)
    adam cudjex
    cudjex

    kişi bu mesajı beğendi.

    xLove xLove Üyeliği Durdurulmuş Banlı Kullanıcı
    • Üyelik 18.09.2012
    • Yaş/Cinsiyet 34 / E
    • Meslek Öğrenci
    • Konum İstanbul Anadolu
    • Ad Soyad ** **
    • Mesajlar 14
    • Beğeniler 5 / 2
    • Ticaret 2, (%100)
    Hocam video çekimi dedinizde demoya girdim video araması yapdım, arama yaptığım videoyu indirebiliyomuz pcye ?
    cudjex

    kişi bu mesajı beğendi.

    wmaraci
    wmaraci

    cudjex cudjex ozergul.net Kullanıcı
    • Üyelik 23.11.2011
    • Yaş/Cinsiyet 31 / E
    • Meslek öğrenci
    • Konum İzmir
    • Ad Soyad Ö** G**
    • Mesajlar 1647
    • Beğeniler 347 / 570
    • Ticaret 8, (%100)

    xLove adlı üyeden alıntı

    Hocam video çekimi dedinizde demoya girdim video araması yapdım, arama yaptığım videoyu indirebiliyomuz pcye ?


    hmm birazcık başık hatası olmuş sanırım,video çekimi o anlamda değil de şu anlamda : veri gösterimi .
     

     

    ozergul.net/com

    AzReTL AzReTL Sms Onayı Gerekli Banlı Kullanıcı
    • Üyelik 12.06.2012
    • Yaş/Cinsiyet - / E
    • Meslek freelancer
    • Konum
    • Ad Soyad ** **
    • Mesajlar 96
    • Beğeniler 19 / 9
    • Ticaret 0, (%0)
    teşekkürler
     

     

    m2oyna m2oyna turkiyesifa.com Kullanıcı
    • Üyelik 05.10.2011
    • Yaş/Cinsiyet 35 / E
    • Meslek Bilgi İşlem
    • Konum İstanbul Avrupa
    • Ad Soyad M** K**
    • Mesajlar 232
    • Beğeniler 28 / 59
    • Ticaret 0, (%0)
    Güzel olmuş . Bi de videoları aynı sayfa da bir pop-up ile oynatabilirsek çok güzel olur :)
    cudjex

    kişi bu mesajı beğendi.

    occipital occipital Öğrenci-Blog Yazarlığı... Kullanıcı
    • Üyelik 03.12.2010
    • Yaş/Cinsiyet 27 / E
    • Meslek Öğrenci-Blog Yazarlığı...
    • Konum
    • Ad Soyad Ç** K**
    • Mesajlar 1194
    • Beğeniler 126 / 122
    • Ticaret 5, (%100)
    Videolara tıkladığımızda popup içinde embed kodu gösterimi ve bu embed kodununda çektiğimiz verinin youtube id'sinden çekersek daha güzel olacağı düşüncesindeyim :D
    cudjex

    kişi bu mesajı beğendi.

    May May Üyeliği Durdurulmuş Banlı Kullanıcı
    • Üyelik 30.06.2012
    • Yaş/Cinsiyet 33 / E
    • Meslek Öğrenci
    • Konum Denizli
    • Ad Soyad ** **
    • Mesajlar 306
    • Beğeniler 64 / 82
    • Ticaret 4, (%100)
    Bir ben değilim heralde online müzik dinleme scriptlerinin demosunda arama kısmına aklına ilk "sagopa" gelip yazan :)
    cudjex

    kişi bu mesajı beğendi.

    cudjex cudjex ozergul.net Kullanıcı
    • Üyelik 23.11.2011
    • Yaş/Cinsiyet 31 / E
    • Meslek öğrenci
    • Konum İzmir
    • Ad Soyad Ö** G**
    • Mesajlar 1647
    • Beğeniler 347 / 570
    • Ticaret 8, (%100)

    m2oyna adlı üyeden alıntı

    Güzel olmuş . Bi de videoları aynı sayfa da bir pop-up ile oynatabilirsek çok güzel olur :)


    occipital adlı üyeden alıntı

    Videolara tıkladığımızda popup içinde embed kodu gösterimi ve bu embed kodununda çektiğimiz verinin youtube id'sinden çekersek daha güzel olacağı düşüncesindeyim :D


    bununla ilgili bir iki örnek daha yapıcam, o örneklerde olur arkadaşlar,teşekkürler :)

    May adlı üyeden alıntı

    Bir ben değilim heralde online müzik dinleme scriptlerinin demosunda arama kısmına aklına ilk "sagopa" gelip yazan :)


    hehe alışkanlık :)
     

     

    ozergul.net/com
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al