禁止iPhone Safari video标签视频自动全屏的办法
更新时间：2015年09月25日 11:07:12 投稿：mrr
本篇文章给大家分析有没有办法禁止iPhone Safari video标签视频自动全屏，以下给出好多种情况分享，感兴趣的朋友可以参考下
最近做一个移动端微信页面项目，在微信页面中有视频播放，但是需要禁止IOS的自动全屏播放（前提必须使用video标签）。
如：
复制代码 代码如下:
<video id="post" autoplay loop preload="auto">
<source src="foo.mp4" type="video/mp4">
</video>
在iPhone safari 点击视频会弹出播放器进行全屏播放。
在网上看了看别人给出的答案，引用如下：
可以在 video 标签上加一个 “webkit-playsinline” 属性 ，如下：
复制代码 代码如下:
<video id="video" width="280" height="140" webkit-playsinline ></video>
我想说这能解决问题吗？ 答案当然是不能。。。。
当然在iOS APP中使用网页视频，是可以禁止全屏播放的，方法如下：
前端将video标签加入属性 webkit-playsinline，如：
复制代码 代码如下:
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C中，添加配置：
复制代码 代码如下:
webview.allowsInlineMediaPlayback = YES
还有网友这样回答答案：
把视频转码，用ajax去分段请求数据来填充到canvas。
当然如果确实需要退出全屏，可以使用这样的方法，但是毕竟这样没什么必要。
所以最终的结论是：没有办法禁止 iPhone Safari video标签视频自动全屏.
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了详解IOS开发中生成推送的pem文件的相关资料,这里提供详细的实现步骤帮助大家实现，希望大家能理解掌握，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了IOS 键盘挡住输入框的问题解决办法的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要给大家介绍了关于iOS中如何精确计算WebView高度，以及iOS开发之解决WebView自适应内容高度的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧2018-05-05
这篇文章主要介绍了IOS实战之自定义转场动画，CAAnimation的子类，用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了IOS 绘制三角形的实例详解的相关资料,希望通过本文大家能够实现三角形的绘制，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了iOS应用开发中矢量图的使用及修改矢量图颜色的方法,文中的方法是在Adobe Illustrator中绘制矢量图然后导入Xcode中使用,需要的朋友可以参考下2016-03-03
iOS开发实现搜索框(UISearchController)
这篇文章主要为大家详细介绍了iOS开发实现搜索框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了IOS 创建并发线程的实例详解的相关资料,需要的朋友可以参考下2017-07-07
这篇文章主要介绍了详解使用Xcode进行iOS设备无线调试，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了使用AVFoundation实现视频录制详解的相关资料,需要的朋友可以参考下2022-09-09
最新评论