Google Drive共享视频无法自动播放，如何用指定video标签实现自动播放？

核心问题 #

你当前用的Google Drive链接是文件预览页地址，不是直接的媒体文件URL，浏览器没法通过video标签解析这类链接，自然加载不了也没法自动播放。另外海报图的链接也是预览页地址，同样没法直接显示。

修复步骤 #

1. 转换Google Drive文件为直接可访问的媒体URL
   从原链接里提取文件ID（比如视频链接https://drive.google.com/file/d/1QEJnvR6B9tVgKyQJVWE8sHDVU_MqYLxB里的1QEJnvR6B9tVgKyQJVWE8sHDVU_MqYLxB就是文件ID），然后替换成以下格式：

   • 视频源URL：https://drive.google.com/uc?export=download&id=你的文件ID
   • 海报图URL：https://drive.google.com/uc?export=view&id=你的图片文件ID

2. 满足浏览器自动播放规则
   浏览器对自动播放有硬性要求，你已经加了关键属性：

   • muted（静音）：必须保留，这是自动播放的核心前提
   • playsinline（内联播放）：适配移动端播放规则
   • autoplay：明确开启自动播放

修改后的完整代码 #

<video id="video" 
       poster="https://drive.google.com/uc?export=view&id=1znNGRm03rDypls31NUBpjvRscpFoJc0h" 
       autoplay 
       loop 
       muted 
       controls 
       playsinline 
       width="100%" 
       height="686">
    <source src="https://drive.google.com/uc?export=download&id=1QEJnvR6B9tVgKyQJVWE8sHDVU_MqYLxB" type="video/mp4" />
</video>

额外提醒 #

• 一定要把Google Drive里的视频和海报图设置成公开共享（权限改为“知道链接的任何人都可查看”），不然外部没法访问。
• 如果视频体积大，加载可能需要时间，可自行添加加载提示优化体验。

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