我想在我的ASP.NET网页上播放视频,但我不知道如何解决此问题,我对YouTube API一无所知。对于API&#39>,我一无所知
但我想要实现的目标如下:
当我点击一个按钮(预告片)时,我会拍摄电影/游戏的标题并在YouTube数据库中搜索(或类似的东西)。最好的(或第一个或idk)发现的视频将是我网页上播放的视频。
例如:
我有一个页面上有关于电影"钢铁侠的所有细节",当我点击按钮"预告片"时,我想播放预告片电影“钢铁侠”在我的网页上。
这是可能的,如果是的话,我该怎么做? 我无法提供代码,因为我不知道如何开始这样做。我只有一个按钮和一个标题为文本的标签。那就是..
如果有人可以帮助我,请详细说明,以便我能理解。
提前致谢!你帮助我度过了很长时间!
答案 0 :(得分:0)
以下是我编写的一些简单的javascript和html,允许用户在搜索时引入youtube视频,希望它有所帮助。
让我知道这里是小提琴还是
- http://jsfiddle.net/cse_tushar/qn4C7/
HTML
<input type="text" id="Search" /><br/>
<input id="show" type="button" value="Submit" onclick="Show();"/>
<div id="result">
</div>
的Javascript
$(document).ready(function () {
$("#show").click(function () {
getYoutube($("#Search").val() + "Offical Film Trailer");
});
});
function getYoutube(title) {
$.ajax({
type: "GET",
url: yt_url = 'http://gdata.youtube.com/feeds/api/videos?q=' + title + '&format=5&max-results=1&v=2&alt=jsonc',
dataType: "jsonp",
success: function (response) {
if (response.data.items) {
$.each(response.data.items, function (i, data) {
var video_id = data.id;
var video_title = data.title;
var video_viewCount = data.viewCount;
var video_frame = "<iframe width='600' height='385' src='http://www.youtube.com/embed/" + video_id + "' frameborder='0' type='text/html'></iframe>";
var final_res = "<div id='title'>" + video_title + "</div><div>" + video_frame + "</div><div id='count'>" + video_viewCount + " Views</div>";
$("#result").html(final_res);
});
} else {
$("#result").html("<div id='no'>No Video</div>");
}
}
});
}