如何让iframe嵌入的Video.js视频在iPhone上实现内联播放？

要让嵌入的iframe视频在iPhone上实现内联播放，需要做两处关键修改：

• 更新iframe的allow属性：在原有权限基础上添加playsinline，这是iOS Safari允许内联播放的核心权限声明
• 给视频源URL追加内联参数：在iframe的src地址末尾加上?playsinline=1（若URL已有其他参数则用&playsinline=1），确保内嵌的视频播放器能识别内联播放指令

修改后的完整代码 #

<iframe width="560" height="300" src="https://yeco.online/VideoPlayer/mix54fm?playsinline=1" style="position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;" scrolling="no" frameborder="0" allow="autoplay; playsinline" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

关键说明 #

• allow="autoplay; playsinline"：明确告知浏览器该iframe允许自动播放和内联播放，这是iOS Safari强制执行的权限要求
• ?playsinline=1：传递参数给内嵌的视频播放器，让它在加载时启用内联播放模式（部分播放器需要显式接收该参数才能生效）

内容的提问来源于stack exchange，提问作者d.bonilla