为何嵌入的GIF仅在Opera桌面端显示，其他浏览器及移动端不显示？

核心原因 #

你用的Google Cloud Storage URL是控制台预览地址，仅对已登录且有权限的Google账号会话开放（比如Opera里保持了登录状态），其他未授权的浏览器/设备无法访问，所以显示空白。

修复步骤 #

1. 设置GCS文件公开权限
   进入Google Cloud Storage控制台，找到目标存储桶和GIF文件：

   • 点击文件的「权限」选项卡
   • 添加新成员：输入allUsers，角色选择「Storage Object Viewer」，保存设置

2. 替换为正确的公开资源URL
   把img标签的src替换为标准GCS公开地址，格式为：

   <img src="https://storage.googleapis.com/babyganimation/Main%20Composition.gif">
   

   这个地址是所有浏览器都能直接访问的公开资源链接。

3. 如果想用Video标签优化加载（可选）
   转成带透明通道的WebM/MP4格式后，用同样的公开URL嵌入，写法示例：

   <video autoplay loop muted playsinline>
     <source src="https://storage.googleapis.com/babyganimation/Main%20Composition.webm" type="video/webm">
     <source src="https://storage.googleapis.com/babyganimation/Main%20Composition.mp4" type="video/mp4">
   </video>
   

   • playsinline适配移动端播放规则
   • muted是移动端自动播放的必要条件
   • autoplay+loop实现类GIF的循环播放效果

验证方法 #

先在浏览器直接打开替换后的URL，确认能正常加载资源，再嵌入到Webflow中测试。

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