2016-12-06 6 views
0
<!doctype html> 
<html> 
<head> 
<title>Search</title> 
    </head> 
    <body> 
    <div id="buttons"> 
    <label> <input id="query" type="text"/><button id="search-button" onclick="keyWordsearch()">Search</button></label> 



    <div id="container"> 
     <h1>Search Results</h1> 
     <ul id="results"></ul> 
    </div>   

    <script> 
    function keyWordsearch(){ 
     gapi.client.setApiKey("AIzaSyCFdNzrcERfUCd1R5rk1h3JAjXNT9svi5g"); 
     gapi.client.load('youtube', 'v3', function() { 
       makeRequest(); 
     }); 
      } 

     function makeRequest() { 
     var q = $('#query').val(); 
     var request = gapi.client.youtube.search.list({ 
       q: q, 
       part: 'snippet', 
       maxResults: 10 
     }); 
     request.execute(function(response) {                      
       $('#results').empty() 
       var srchItems = response.result.items;      
       $.each(srchItems, function(index, item) { 
       vidTitle = item.snippet.title; 

       $('#results').append('<pre>' + vidTitle + '</pre>');      
     }) 
    }) 
} 
    </script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"> </script> 
    </body> 
</html> 

Так что я пытаюсь искать видео с использованием ключевого слова на Youtube с использованием API Youtube. Однако в примере, представленном на странице youtube, требуется также «аутентификация». Мне нужно сделать это без проверки подлинности, просто используя ключ API. Сейчас происходит то, что когда я нажимаю кнопку поиска, она ничего не делает. Я пытался выяснить это сам, но я не нашел никаких других вопросов, касающихся того, что я испытываю ... help ...Javascript-поиск видео с использованием API-интерфейса youtube через API-интерфейс

+0

Он работает для меня без каких-либо проблем, проверьте это - http://prntscr.com/dfu9wn –

ответ

0

Ваш код отлично работает с моим другом. Я запустил ваш код и вот screenshot.

Так что я сделал:

  1. Ран мой сервер в Python с помощью «питон -m SimpleHTTPServer 8000» // Я на Linux
  2. Пошел в браузере открыт локальный и находится мой файл search.html который содержит ваш код
  3. Voila, он работает.