禁止iPhone Safari video标签视频自动全屏的办法

摘要：禁止iPhone Safari video标签视频自动全屏的办法

最近做一个移动端微信页面项目，在微信页面中有视频播放，但是需要禁止IOS的自动全屏播放（前提必须使用video标签）。如：

<video id="post" autoplay loop preload="auto">

<source src="foo.mp4" type="video/mp4">

</video>

[b]在iPhone safari 点击视频会弹出播放器进行全屏播放。[/b] 在网上看了看别人给出的答案，引用如下：可以在 video 标签上加一个 “webkit-playsinline” 属性，如下：

我想说这能解决问题吗？答案当然是不能。。。。当然在iOS APP中使用网页视频，是可以禁止全屏播放的，方法如下：前端将video标签加入属性 webkit-playsinline，如：

Obj-C中，添加配置：

webview.allowsInlineMediaPlayback = YES

[b]还有网友这样回答答案：[/b] 把视频转码，用ajax去分段请求数据来填充到canvas。当然如果确实需要退出全屏，可以使用这样的方法，但是毕竟这样没什么必要。所以最终的结论是：没有办法禁止 iPhone Safari video标签视频自动全屏.