ajax 调用后 Youtube-Api 按钮不会显示

Question

我正在尝试为我自己的一个项目设置一个 youtube 上传。我正在使用谷歌的示例代码，可以在这里找到： https://developers.google.com/youtube/v3/code_samples/javascript#upload-a-video

上传视频的脚本运行良好。我唯一的问题是：

我想提供多个上传区域或多个上传。

一般文件包含登录按钮和视频上传本身。该文件将通过 Ajax 加载到 DIV 容器中。加载文件也可以正常工作。唯一的问题是，如果文件是通过 ajax 加载的，登录按钮将不会显示。

在我看来，我必须再次初始化 api，但即使在网上搜索了几个小时后，我也找不到任何东西。我所知道的是，以下代码是由 api 自动加载的：

googleApiClientReady = function() {
    gapi.auth.init(function() {
        window.setTimeout(checkAuth, 1);
    });
}

所以我想我需要想办法，一旦 ajax 调用完成，如何再次加载该函数。我只是不知道怎么做。每次我尝试调用此函数时，浏览器都会给我一条 gapi.client 错误消息。

有人对 youtube api 有经验吗？我在这里做错了什么？谢谢

Answer 1

答案在这一行：

UploadVideo.prototype.handleUploadClicked = function() {
  $('#button').attr('disabled', true);
  this.uploadFile($('#file').get(0).files[0]);
};

如果在上传并获取视频数据后调用该函数，会禁用上传按钮。只需删除该行，您就可以上传多个视频。

希望这会有所帮助。