Google Drive视频无法在JavaScript+HTML代码中正常显示的求助

1. 修复URL参数语法错误 #

你原代码中的视频源URL存在参数分隔符错误：
原代码生成的URL为 https://drive.google.com/uc&id=FILE_ID，这里第一个参数必须用 ? 而非 &。正确的直接文件链接格式应为：

https://drive.google.com/uc?id=FILE_ID&export=download

对应的JS代码修改如下：

creativeImage = '<video controls width="340" height="auto"><source src="https://drive.google.com/uc?id=' + imagelink + '&export=download" type="video/mp4"></video>';

2. 确认文件共享权限 #

必须确保视频文件的共享权限设置为**「Anyone with the link can view」**：

• 打开Google Drive中的目标视频
• 点击右上角「共享」按钮
• 将权限改为「Anyone with the link」，权限级别设为「Viewer」
• 保存设置

3. 更可靠的替代方案：使用iframe嵌入 #

如果直接video标签仍无法播放，可改用Google Drive官方的预览iframe，兼容性更好：

creativeImage = '<iframe src="https://drive.google.com/file/d/' + imagelink + '/preview" width="340" height="auto" allow="autoplay"></iframe>';

这种方式依赖Google的内置播放器，无需处理文件流的重定向问题。

4. 额外排查项 #

• 验证文件完整性：直接在Google Drive中打开视频，确认文件本身可正常播放
• 查看控制台错误：按F12打开开发者工具，切换到「Console」标签，检查是否存在CORS或资源加载失败提示
• 清除缓存：强制刷新页面（Ctrl+F5），排除旧缓存导致的异常

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