我已经在使用Youtube API几天了,这只是我的第二个“项目”。我刚刚完成了flickr api,所以我想我会给你一个镜头。
代码适用于Dreamweaver,但不适用于jsfiddle。我认为它与提交有关,但我在过去的几个小时里已经骗了它,但必须遗漏一些东西。
非常感谢您的任何意见!
http://jsfiddle.net/amithere/7uLRU/2/
<script src="https://apis.google.com/js/client.js?onload=loaded" type="text/javascript"></script>
</head>
<body>
<body>
<h1 id="header"> Search YouTube </h1>
<section id="center">
<form id="theform">
<p><input type="text" name="term" id="term" value="dog"></p>
<p><input type="submit" id="submit" value="Search"></p>
</form>
</section>
<div id='here'> Here: </div>
<pre id="response"></pre>
</body>
var apiKey = 'myKey';
function showResponse(response) {
var responseString = JSON.stringify(response, '', 2);
document.getElementById('response').innerHTML += responseString;
}
function loaded(event) {
gapi.client.load('youtube', 'v3', gapi.client.setApiKey(apiKey));
}
$("#theform").on("submit", function(e) {
e.preventDefault();
var request = gapi.client.youtube.search.list({
part: 'snippet',
q: document.getElementById('term').value,
maxResults: 1
});
});
request.execute(onSearchResponse);
}
function onSearchResponse(response) {
showResponse(response);
}