<video>标签播放视频有文件大小限制吗？Google Apps Script场景求助

问题根源 #

大视频无法播放的核心原因是：Google Drive默认的共享链接并非专为浏览器流媒体播放优化，大文件加载时会触发浏览器资源限制，或因缺少流式传输的HTTP头信息导致无法分段加载；同时若视频编码不兼容或权限设置不当，也会加剧播放失败概率。

可行解决方案 #

1. 替换为Google Drive流媒体兼容链接

将表格中存储的Drive链接转换为支持流式播放的格式：

• 提取视频文件的FILE_ID（即链接中d/和/view之间的部分）
• 使用格式：https://drive.google.com/uc?id=FILE_ID&export=download
• 注意：需确保文件共享权限设置为任何人可查看，否则浏览器无法无授权访问。

修改前端代码时，直接将vidID替换为上述格式的链接即可，无需改动原有HTML结构。

2. 用Google Apps Script搭建视频代理服务

通过GAS编写代理接口，分块返回视频内容，支持浏览器的分段加载请求：

// Google Apps Script 代码
function doGet(e) {
  try {
    const fileId = e.parameter.id;
    const file = DriveApp.getFileById(fileId);
    const blob = file.getBlob();
    const contentType = blob.getContentType();
    const contentLength = blob.getSize();
    
    // 处理Range请求，支持分段加载
    const rangeHeader = e.parameter.range || e.headers['Range'];
    let start = 0;
    let end = contentLength - 1;
    
    if (rangeHeader) {
      const parts = rangeHeader.replace(/bytes=/, "").split("-");
      start = parseInt(parts[0], 10);
      end = parts[1] ? parseInt(parts[1], 10) : end;
    }
    
    const chunk = blob.getBytes(start, end - start + 1);
    const headers = {
      'Content-Type': contentType,
      'Content-Length': chunk.length,
      'Content-Range': `bytes ${start}-${end}/${contentLength}`,
      'Accept-Ranges': 'bytes',
      'Content-Disposition': 'inline'
    };
    
    return ContentService.createTextOutput(Utilities.newBlob(chunk, contentType).getDataAsString())
      .setMimeType(contentType)
      .setHeaders(headers);
  } catch (err) {
    return ContentService.createTextOutput("Error: " + err.message)
      .setMimeType(ContentService.MimeType.TEXT);
  }
}

部署该脚本为Web应用（权限设置为"任何人，甚至匿名用户"），然后前端将source.src设置为：

source.src = `https://script.google.com/macros/s/你的Web应用ID/exec?id=${视频FILE_ID}`;

此方案解决了大文件的分段加载问题，同时通过GAS的Drive访问权限处理了验证需求。

3. 自动优化视频编码（无需手动压缩）

如果视频编码不兼容浏览器（如非H.264编码的MP4），可通过Google Apps Script调用Drive高级服务，将视频转换为流媒体友好的格式：

1. 在GAS编辑器中启用Drive API（资源 > 高级Google服务 > 启用Drive API）
2. 运行以下代码转换文件：

function convertVideoToStreamableFormat(fileId) {
  const file = Drive.Files.get(fileId);
  const requestBody = {
    mimeType: 'video/mp4', // 指定目标流媒体格式
    title: file.title + "_streamable"
  };
  const convertedFile = Drive.Files.copy(requestBody, fileId, {convert: true});
  return convertedFile.id;
}

将转换后的文件ID更新到表格中，即可用兼容格式的视频链接播放。

注意事项 #

• Google Apps Script有每日配额限制，若大视频访问量较高，需关注配额使用情况
• 对于超大型视频（1GB以上），建议优先使用方案2的代理服务

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