如何仅显示视频链接列表并使用 Youtube 搜索播放 API

Question

我学会了youtube视频搜索和显示结果的代码

但问题是，当我再次搜索（输入另一个关键字）时，结果添加在之前的结果之下。我只想显示新结果。

如何编辑我的代码？？

function tplawesome(e,t){res=e;for(var n=0;n<t.length;n++){res=res.replace(/\{\{(.*?)\}\}/g,function(e,r){return t[n][r]})}return res}

$(function() {
    $("form").on("submit", function(e) {
      e.preventDefault();
      // prepare the request
      var request = gapi.client.youtube.search.list({
            part: "snippet",
            type: "video",
            q: encodeURIComponent($("#search").val()).replace(/%20/g, "+"),
            maxResults: 3,
            order: "viewCount",
            publishedAfter: "2015-01-01T00:00:00Z"
      }); 
      // execute the request
      request.execute(function(response) {
          var results = response.result;
           $.each(results.items, function(index, item) {
            $.get("item.html", function(data) {
                $("#youtube_results").append(tplawesome(data, [{"title":item.snippet.title, "videoid":item.id.videoId}]));
            });
           });      
       });
     });        
});

function init() {
    gapi.client.setApiKey("my_api_key");
    gapi.client.load("youtube", "v3", function() {
        // yt api is ready
    });
}

Answer 1

您可以 empty 您的结果列表，然后再附加结果：

//...
$("#youtube_results").empty();
$.each(results.items, function(index, item) {
  $.get("item.html", function(data) {
      $("#youtube_results").append(
        tplawesome(data, [{"title":item.snippet.title, "videoid":item.id.videoId}]));
  });
});
//...

如何仅显示视频链接列表并使用 Youtube 搜索播放 API

how to show only list of video links and play using Youtube Searching API

javascript

youtube

jquery