谷歌云端硬盘嵌入视频移动端无法全屏问题求助

• 补全iframe的全屏兼容属性
  移动端浏览器（尤其是Safari和安卓部分浏览器）需要额外的前缀属性支持全屏，别只加allowfullscreen="true"，把以下属性都加上：

  <iframe src="你的谷歌云端硬盘视频嵌入链接" 
          width="640" 
          height="480" 
          allowfullscreen="true"
          webkitallowfullscreen="true"
          mozallowfullscreen="true">
  </iframe>
  

• 检查视频共享权限
  确保谷歌云端硬盘里的视频共享权限设置为「任何人可查看」，权限受限的视频在移动端会被限制全屏功能。

• 适配Safari的额外设置
  Safari移动端对iframe全屏有特殊限制：

  1. 确保iframe的所有父级元素没有设置overflow: hidden样式，这个会阻止全屏触发；
  2. 加上HTML5的allow="fullscreen"属性，和原有全屏属性配合使用：

     <iframe src="你的谷歌云端硬盘视频嵌入链接" 
             width="640" 
             height="480" 
             allow="fullscreen"
             allowfullscreen="true"
             webkitallowfullscreen="true"
             mozallowfullscreen="true">
     </iframe>
     

• 清理嵌入链接的限制参数
  检查你的嵌入链接里是否带有&fs=0参数，这个参数是强制关闭全屏的，改成&fs=1或者直接删除该参数。

内容的提问来源于stack exchange，提问作者Relax with NR