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

Question

我正在尝试为我自己的项目之一设置 YouTube 上传。我正在使用 google 中的示例代码，可以在此处找到： 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]);
};

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

希望对您有所帮助。