ASP.NET中的YouTube API - 播放视频,按标题搜索

时间:2014-04-28 22:29:05

标签: asp.net api youtube-api

我想在我的ASP.NET网页上播放视频,但我不知道如何解决此问题,我对YouTube API一无所知。对于API&#39>,我一无所知

但我想要实现的目标如下:

当我点击一个按钮(预告片)时,我会拍摄电影/游戏的标题并在YouTube数据库中搜索(或类似的东西)。最好的(或第一个或idk)发现的视频将是我网页上播放的视频。

例如:

我有一个页面上有关于电影"钢铁侠的所有细节",当我点击按钮"预告片"时,我想播放预告片电影“钢铁侠”在我的网页上。

这是可能的,如果是的话,我该怎么做? 我无法提供代码,因为我不知道如何开始这样做。我只有一个按钮和一个标题为文本的标签。那就是..

如果有人可以帮助我,请详细说明,以便我能理解。

提前致谢!你帮助我度过了很长时间!

1 个答案:

答案 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>");
            }
        }
    });
}