JavaScript搜索视频通过API键使用YouTube API

<!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 ...

您的代码完美地工作了我的朋友。我运行了您的代码，这是屏幕截图。

所以我做的是：

使用'python -m simplehttpserver 8000'//im在linux上运行我的服务器
去了浏览器，打开了Localhost并找到了我的search.html文件，其中包含您的代码
瞧，它有效。

相关内容

最新更新

热门标签：