2016-04-03 19 views
0

sonuçlarına göre yerleştirme YouTube videoları kullanılarak YouTube videolarını bir web sayfasına yerleştirmeye çalışıyorum. Şimdiye kadar "köpek" arama kriterlerine göre sonuçlar toplamak için API'yi kullanabildim. Bu sonuçları almak ve bunları gömülü videolara dönüştürmek için nasıl giderim? Şu anda bir index.html sayfasında bir JSON dosyası olarak görünen sonuçları alıyorum. Ayrıca, bu sadece benim HTML ve JavaScript dosyalarımı bir sunucuda barındırıldığında çalışır, bunu yerel olarak yapmanın bir yolu var mı?YouTube videosu API

Yardımlarınız için teşekkür eder, şimdiden teşekkür ederim.

HTML:

<html> 
    <head> 
     <script src="javascript.js" type="text/javascript"></script> 
     <script src="https://apis.google.com/js/client.js?onload=onClientLoad" type="text/javascript"></script> 
    </head> 
    <body> 
     <pre id="response"></pre> 
    </body> 
</html> 

JavaScript:

function showResponse(response) { 
    var responseString = JSON.stringify(response, '', 2); 
    document.getElementById('response').innerHTML += responseString; 
} 

function onClientLoad() { 
    gapi.client.load('youtube', 'v3', onYouTubeApiLoad); 
} 

function onYouTubeApiLoad() { 
    gapi.client.setApiKey('API_KEY'); 

    search(); 
} 

function search() { 
    var request = gapi.client.youtube.search.list({ 
     part: 'snippet', 
     q:"dogs", 

    }); 


    request.execute(onSearchResponse); 
} 

function onSearchResponse(response) { 
    showResponse(response); 
} 

cevap

6
  1. video kimliğini ve iframe html etiketini kullanarak olacağım, arama sonuçlarından videoları görüntülemek için. İşte tam eğitim video ve çalışma sample. Kendi API Anahtarınızı sağlamanız gerekiyor.
  2. nodejs gibi bir sunucu kurun. Localhost kullanacağınız için, http://localhost:port_number (8080, vb.) GDC'deki HTTP refferrer'ınıza ekleyin. Http refferer port numarası 8080 ise, nodejs port numaranız da 8080 olmalıdır.
  3. URL'de projeyi çalıştırın, http://localhost:4567/ViralVideos/index.html gibi bir şey gibi görünmelidir. Umarım yardım eder :)
+0

Yardımlarınız için teşekkürler noogui. Bu harika! – HoumyM

+0

prob eşi yok :) – noogui

İlgili konular