如何实现YouTube视频在Facebook及iPhone Safari中不自动全屏播放？

我之前在做类似的嵌入需求时，也被iOS Safari的这个自动全屏问题折腾过！其实关键是要同时设置YouTube的嵌入参数和iframe的专属属性，让iOS认可“内嵌播放”的行为。

核心修改点 #

你现有的代码已经加了fs=0，但还缺两个关键设置：

• 添加YouTube嵌入参数 playsinline=1
• 给iframe标签加上 webkit-playsinline 和 playsinline 属性

修改后的完整代码 #

<iframe 
  width="100%" 
  height="480" 
  src="https://www.youtube.com/embed/7F8ik6iUzxs?autoplay=1&fs=0&playsinline=1" 
  frameborder="0" 
  webkit-playsinline 
  playsinline 
  allow="autoplay; encrypted-media"
></iframe>

各参数/属性的作用 #

• playsinline=1：这是YouTube播放器的核心参数，明确告诉它在iOS设备上以内嵌模式播放视频，而不是自动跳转到全屏播放器。
• webkit-playsinline & playsinline：iOS Safari需要这两个属性来识别并允许内嵌播放，尤其是旧版本的iOS系统，这两个属性缺一不可。
• fs=0：继续保留这个参数，它会隐藏视频控件里的全屏按钮，从根源上避免用户手动触发全屏（如果你的需求允许用户手动全屏，可以去掉这个参数）。

额外注意事项 #

如果你的视频是非静音状态，iOS Safari可能会阻止自动播放（苹果的隐私限制），如果需要自动播放非静音视频，可能还要加上mute=1参数，不过这是另一个问题了，你的核心需求是阻止自动全屏，上面的修改应该就能解决。

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