如何禁止 iPhone Safari video标签视频自动全屏?

摘要:
最近,推出了一个移动微信页面项目。微信页面上有视频播放,但需要禁用IOS的自动全屏播放(必须使用视频标签)。videoid=“post”自动播放循环预加载=“auto”>单击iPhone safari上的视频,播放器将弹出全屏播放<当然,iOAPP中使用了网络视频。前端将视频标记添加到属性webkit playsinline,<添加配置;

最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止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标签视频自动全屏.

免责声明:文章转载自《如何禁止 iPhone Safari video标签视频自动全屏?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇数据中心网络架构的问题与演进 — SDN将WPF UI单元复制到“.NET研究”剪贴板 狼人:下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

My97DatePicker控件调用

引用My97DatePicker,在要使用的jsp页面中引入js,如下 <script type="text/javascript" src="<%=request.getContextPath() %>/dd/js/My97DatePicker/WdatePicker.js"></script> 调用My97DateP...

JSP 表单处理

JSP 表单处理 我们在浏览网页的时候,经常需要向服务器提交信息,并让后台程序处理。浏览器中使用 GET 和 POST 方法向服务器提交数据。 GET 方法 GET方法将请求的编码信息添加在网址后面,网址与编码信息通过"?"号分隔。如下所示: http://www.runoob.com/hello?key1=value1&key2=value2...

Spring 注解(二)注解工具类

本文转载自Spring 注解(二)注解工具类 导语 首先回顾一下 AnnotationUtils 和 AnnotatedElementUtils 这两个注解工具类的用法: @Test @GetMapping(value = "/GetMapping", consumes = MediaType.APPLICATION_JSON_VALUE) public...

抽象类和接口以及Comparable内部比较器

一.抽象类 抽象类:定义共性功能,继承抽象类,那么抽象类中的抽象方法必须全部实现。 1.抽象类和抽象方法都需要被abstract修饰。抽象方法一定要定义在抽象类中 2.抽象类不可以直接创建对象(原因:调用抽象方法没有意义) 3.只有覆盖了抽象类中所有的抽象方法后,其子类才可以创建对象。不然子类也要是抽象类。   4.抽象类一定是父类   5.抽象类中可以...

Android-自己定义PopupWindow

Android-自己定义PopupWindow 2014年5月12日 PopupWindow在应用中应该是随处可见的,非经常常使用到,比方在旧版本号的微信其中就用到下拉的PopupWindow。那是自己定义的。新版微信5.2的ActionBar,有人已经模仿了它,但微信详细是使用了ActionBar还是其它的笔者倒是不太清楚。本篇博客主要介绍怎样自己定...

SpringBoot 学习记录 2021.05.13 Started

环境搭建 Spring Boot 2.x Java JDK 需要安装 JDK java8 也就是 1.8, 用 jdk-8u271-windows-x64.exe 网上有很多安装java8的教程,很简单。我已经安装完了。注意配置环境变量。 C:UsersReciter>java -version java version "1.8.0_211" Ja...