能否通过HTML/JavaScript表单让用户向其频道上传视频及谷歌验证相关问题

完全可以通过HTML+JavaScript表单实现让用户向自身所属的YouTube频道上传视频，该方案核心依赖谷歌OAuth 2.0用户授权机制，全程不会使用开发者自有账号的身份凭证，所有操作均以授权用户的自身账号身份执行，完全适配你的使用场景。

你需要走谷歌身份服务的用户授权流程，核心是仅获取用户授予的上传权限，不需要将你自己的API密钥、Secret Key等私密参数暴露到前端：

• 第一步先在Google Cloud Console创建你的项目，启用YouTube Data API v3服务，配置OAuth同意屏幕，添加https://www.googleapis.com/auth/youtube.upload作为申请的授权范围，创建Web应用类型的OAuth客户端ID，将你前端页面的部署域名添加到授权JavaScript来源列表中。
• 第二步前端引入谷歌身份服务SDK，初始化客户端时仅传入你申请到的Web客户端ID（该ID是公开可配置的，不属于敏感信息），不需要传入任何密钥类参数。
• 第三步用户点击授权按钮后触发授权弹窗，请求用户授予你应用的YouTube上传权限，授权成功后你会拿到用户侧的临时访问令牌access_token，该令牌仅对应当前用户的权限，有效期1小时。
• 第四步用户在表单中选择视频文件后，携带上述access_token调用YouTube Data API的上传接口即可完成上传，上传的视频会直接进入用户自己的频道账号内。

身份授权部分代码 #

// 初始化谷歌身份授权客户端
window.google.accounts.oauth2.initTokenClient({
  client_id: "YOUR_WEB_CLIENT_ID", // 替换为你申请的Web客户端ID
  scope: "https://www.googleapis.com/auth/youtube.upload",
  callback: (tokenRes) => {
    // 拿到用户授权后的访问令牌，存储下来用于后续上传
    window.userAccessToken = tokenRes.access_token;
    alert("授权成功，可以上传视频");
  }
});

// 绑定授权按钮点击事件
document.querySelector("#auth-btn").addEventListener("click", () => {
  window.google.accounts.oauth2.getToken({ prompt: "consent" });
});

视频上传部分代码（对应表单提交事件） #

// 绑定表单提交事件
document.querySelector("#upload-form").addEventListener("submit", async (e) => {
  e.preventDefault();
  if (!window.userAccessToken) {
    alert("请先完成谷歌账号授权");
    return;
  }
  const videoFile = document.querySelector("#video-file").files[0];
  const title = document.querySelector("#video-title").value;
  const desc = document.querySelector("#video-desc").value;

  // 构造上传请求
  const metadata = {
    snippet: { title, description: desc },
    status: { privacyStatus: "private" } // 可调整为public/unlisted
  };
  const formData = new FormData();
  formData.append("part", "snippet,status");
  formData.append("payload", new Blob([JSON.stringify(metadata)], { type: "application/json" }));
  formData.append("file", videoFile);

  const uploadRes = await fetch("https://www.googleapis.com/upload/youtube/v3/videos?uploadType=multipart&part=snippet,status", {
    method: "POST",
    headers: {
      Authorization: `Bearer ${window.userAccessToken}`
    },
    body: formData
  });
  const result = await uploadRes.json();
  if (result.id) {
    alert(`上传成功，视频ID：${result.id}`);
  } else {
    alert(`上传失败：${JSON.stringify(result.error)}`);
  }
});

• 不要把Google Cloud项目的API密钥、服务账号密钥、OAuth客户端Secret等敏感参数写入前端代码，上述流程仅需要用到公开的Web客户端ID，无敏感信息泄露风险。
• 如果你需要对外发布该应用，需要将OAuth同意屏幕提交谷歌官方审核，审核通过后所有谷歌用户都可以正常授权使用。
• API调用配额归属到你的Google Cloud项目下，不会占用用户账号的配额，配额不足可以在Google Cloud Console申请提额。

内容的提问来源于stack exchange，提问作者aditya063