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のキーワードを使用してYoutube APIを使用して動画を検索することです。ただし、YouTubeページで提供される例では、「認証」も必要です。 APIキーを使うだけで、認証なしでやる必要があります。今起こっていることは、検索ボタンを押すと何もしないということです。私は自分自身でそれを理解しようとしていますが、私が経験していることに関連するその他の質問はありません...Javascriptを使用してYouTube APIを使用して動画を検索する動画キーを使用して動画を検索する
これは問題なく私のために働いています、これをチェックしてください - http://prntscr.com/dfu9wn –