尝试根据 Jquery 的关键字检索可能的 YouTube 视频列表

Question

请帮忙！请

我正在尝试让用户在搜索框中输入 "keyword"，并且我正在尝试从 Youtube 中获取可能的 Youtube 电影列表 return（仅标题），所以我可以将它们绑定到我的文本框的 auto-complete 功能：

我正在尝试使用此代码来执行此操作：

     $(document).ready(function () {
$("#show").click(function () {
    getYoutube($("#Search").val());
});
  });

   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 final1 = "<div id='title'>" + video_title + "</div><div>" + video_frame + "            </div><div id='count'>" + video_viewCount + " Views</div>";
                   $("#result").html(final1);
             });
            } else {
                $("#result").html("<div id='no'>No Video</div>");
            }
        }
    });
         }


      <input type="text" id="Search" />
      <br/>
       <input id="show" type="button" value="Submit" />
         <div id="result"></div>

Answer 1

您正在渲染视频帧，这就是它在列表中渲染 youtube 帧的原因。像下面这样删除它，它应该可以工作。

var final1 = "<div id='title'>" + video_title + "</div><div id='count'>" + video_viewCount + " Views</div>";
               $("#result").html(final1);

尝试根据 Jquery 的关键字检索可能的 YouTube 视频列表

Trying to retrieve a list of possible youtube videos based on keywords with Jquery

youtube

asp.net

jquery

json

jsonp