iOS WKWebView 播放视频时禁用自动全屏播放

关键属性webkit-playsinline、playsinline、allowsInlineMediaPlayback

需要在html style里面和native 里面同时设置才有效

html video增加样式webkit-playsinline、playsinline

 <video id="video1" preload="auto" controls="" webkit-playsinline="true" playsinline="true" width="100%" height="auto"><source src="xxxxx.mp4" type="video/mp4">您的浏览器不支持 HTML5 video 标签。</video>

native code 设置allowsInlineMediaPlayback

WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.allowsInlineMediaPlayback = YES;
WKWebView *webView = [[WKWebView alloc]initWithFrame:CGRectZero configuration:config];

参考 https://www.zhihu.com/question/21094425

iOS WKWebView 播放视频时禁用自动全屏播放相关推荐

ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...
php让视频自动全屏播放,完美解码怎么设置打开视频文件就全屏
想不想在电脑上实现打开视频文件就直接全屏播放,一般播放器做不到吧,完美解码这个万能的视频播放器就能实现,下面就教你如何设置. 软件名称:完美解码(PureCodec) 全能型影音解码包20200922 ...
微信内置浏览器video标签自动全屏播放以及层级过高问题
转载自:微信内置浏览器video标签自动全屏播放以及层级过高问题 - 程序员大本营今天事用html5的<video>标签做微信内置浏览器视频播放页面时,需要在视频层级上显示类似弹幕的对话 ...
[html] 如何解决微信浏览器视频点击自动全屏的问题？
[html] 如何解决微信浏览器视频点击自动全屏的问题? 1.1 页面内播放 X5内核视频在用户点击后默认会进入全屏播放,前端可以设置video的x5-playsinline属性来将视频限定于网页内部 ...
video自动全屏播放
video自动全屏播放关于Screen.lockOrientation() https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockO ...
android webview 横竖屏_webview播放视频并且点击全屏横屏的方法
title: webview播放视频并且点击全屏横屏的方法 date: 2016-11-28 10:33:27 tags: tips 首先initWebView,好吧有点多,有些是项目里其他需求需要的 ...
html视频怎么自动全屏播放,网页中用标签播放视频,可以全屏播放的代码肿么写?...
使用这个,注意路径中不要使用中文 object id=player classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 style=width: 68 ...
android 启动视频,android 启动页面全屏播放视频
有时候大家在启动软件的时候,会看到有一个比较炫酷的短视频,觉得很有意思,现在做项目的时候也遇到了,跟大家分享一下. 首先,在 res 目录下建一个文件夹 raw, 把你的视频文件(.mp4等)放进去. ...
html javascript 音频、视频、 mp3 、mp4 的播放、暂停、重新播放、获取音频时长、视频自动全屏播放
html javascript 音频.视频. mp3 .mp4 的播放.暂停.重新播放.获取音频时长视频 https://www.bilibili.com/video/BV1WE411o7Ft?fr ...

iOS WKWebView 播放视频时禁用自动全屏播放

iOS WKWebView 播放视频时禁用自动全屏播放相关推荐

最新文章

热门文章