首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS10:自动播放在WKWebView上不起作用(requiresUserActionForMediaPlayback = false)

iOS10中的WKWebView在设置requiresUserActionForMediaPlayback为false时,自动播放不起作用的问题是由于苹果在iOS10中对于自动播放的策略进行了更新所导致的。

在iOS10之前的版本中,可以通过将requiresUserActionForMediaPlayback设置为false来实现在WKWebView中自动播放音视频。然而,自iOS10开始,苹果对于自动播放进行了限制,即使将requiresUserActionForMediaPlayback设置为false,音视频也不会自动播放。

这个更新是为了提升用户体验和节省用户的流量消耗。用户在浏览网页时,不希望遭遇自动播放的音视频,而且自动播放也会消耗用户的流量。因此,苹果限制了在WKWebView中的自动播放行为。

为了解决这个问题,开发者可以通过以下方法来实现在WKWebView中的自动播放:

  1. 用户交互触发:在WKWebView加载完页面后,通过用户的交互操作(例如点击按钮)来触发音视频的播放。
  2. JavaScript控制:使用JavaScript代码来控制音视频的播放。可以通过WKWebView的evaluateJavaScript方法执行JavaScript代码,实现在特定条件下自动播放音视频。
  3. 添加监听事件:通过监听WKWebView的加载状态和页面元素的变化,当特定的音视频元素加载完成或出现时,通过代码触发其播放。

需要注意的是,为了遵守用户体验和隐私保护的原则,开发者在使用自动播放时应该谨慎权衡。自动播放可能会打断用户的浏览体验,而且在某些情况下可能会被用户视为不受欢迎的行为。因此,在使用自动播放时,应该考虑用户的期望和需求,并在合适的时机进行自动播放。

腾讯云提供了丰富的云计算产品和服务,包括云服务器、云数据库、云存储等,可以满足开发者在云计算领域的各种需求。具体产品和服务的介绍可以参考腾讯云官方网站:https://cloud.tencent.com/

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【Hybrid】288- Hybrid App 应用开发中 9 个必备知识点复习

但是目前 IOS10 以下的系统以及很少了, 小结: WKWebView 相较于 UIWebView 整体上有较大的提升,满足 iOS 上面使用同一套控件的功能,同时对整个内存的开销以及滚动刷新率和...WKWebView NSURLProtocol问题 WKWebView 独立于 app 进程之外的进程中执行网络请求,请求数据不经过主进程,因此, WKWebView 上直接使用 NSURLProtocol...视频自动播放 WKWebView 需要通过 WKWebViewConfiguration.mediaPlaybackRequiresUserAction 设置是否允许自动播放,但一定要在 WKWebView...mWebView.stopLoading(); // 退出时调用此方法,移除绑定的服务,否则某些特定系统会报错 mWebView.getSettings().setJavaScriptEnabled(false...七、在内嵌版调试过程中,Fiddler 或 Charles 能起到什么作用

2.3K20

Hybrid App 应用开发中 9 个必备知识点复习

但是目前 IOS10 以下的系统以及很少了, 小结: WKWebView 相较于 UIWebView 整体上有较大的提升,满足 iOS 上面使用同一套控件的功能,同时对整个内存的开销以及滚动刷新率和...WKWebView NSURLProtocol问题 WKWebView 独立于 app 进程之外的进程中执行网络请求,请求数据不经过主进程,因此, WKWebView 上直接使用 NSURLProtocol...视频自动播放 WKWebView 需要通过 WKWebViewConfiguration.mediaPlaybackRequiresUserAction 设置是否允许自动播放,但一定要在 WKWebView...mWebView.stopLoading(); // 退出时调用此方法,移除绑定的服务,否则某些特定系统会报错 mWebView.getSettings().setJavaScriptEnabled(false...七、在内嵌版调试过程中,Fiddler 或 Charles 能起到什么作用

2.6K20

Hybrid App 应用开发中 9 个必备知识点复习

但是目前 IOS10 以下的系统以及很少了, 小结: WKWebView 相较于 UIWebView 整体上有较大的提升,满足 iOS 上面使用同一套控件的功能,同时对整个内存的开销以及滚动刷新率和...WKWebView NSURLProtocol问题 WKWebView 独立于 app 进程之外的进程中执行网络请求,请求数据不经过主进程,因此, WKWebView 上直接使用 NSURLProtocol...视频自动播放 WKWebView 需要通过 WKWebViewConfiguration.mediaPlaybackRequiresUserAction 设置是否允许自动播放,但一定要在 WKWebView...mWebView.stopLoading(); // 退出时调用此方法,移除绑定的服务,否则某些特定系统会报错 mWebView.getSettings().setJavaScriptEnabled(false...七、在内嵌版调试过程中,Fiddler 或 Charles 能起到什么作用

2.3K30

iOS中WebKit框架应用与解析 原

iOS中WebKit框架应用与解析 一、引言         iOS8之前,应用中嵌入网页通常需要使用UIWebView这样一个类,这个类通过URL或者HTML文件来加载网页视图,功能十分有限,只能作为辅助嵌入原生应用程序中...二、WebKit框架概览         WebKit框架中涉及的类很多,框架的设计十分面向对象和模块化,开发者使用时可以轻松的写出结构清晰的代码。...//设置是否允许ariPlay播放 config.allowsAirPlayForMediaPlayback = YES; //设置视频是否需要用户手动播放 设置为NO则会允许自动播放...config.requiresUserActionForMediaPlayback = NO; //设置是否允许画中画技术 特定设备上有效 config.allowsPictureInPictureMediaPlayback...六、WKNavagationDelegate中方法解析         WKNavagationDelegate协议重要有两个作用,监听页面渲染流程与控制页面跳转,其中方法如下: /* 决定是否响应网页的某个动作

1.9K40

WKWebView的使用

WKWebView的使用 前言 最近项目中的UIWebView被替换为了WKWebView,因此来总结一下WKWebView的使用。...示例Demo:WKWebView的使用 本文将从以下几方面介绍WKWebView: 1、WKWebView涉及的一些类 2、WKWebView涉及的代理方法 3、网页内容加载进度条的实现 4、JS...preference.minimumFontSize = 0; //设置是否支持javaScript 默认是支持的 preference.javaScriptEnabled = YES; // iOS...的视频播放器在线播放, 还是使用原生播放器全屏播放 config.allowsInlineMediaPlayback = YES; //设置视频是否需要用户手动播放 设置为NO则会允许自动播放...config.requiresUserActionForMediaPlayback = YES; //设置是否允许画中画技术 特定设备上有效 config.allowsPictureInPictureMediaPlayback

2.8K61

Hybrid App 应用 开发中 9 个必备知识点复习(WebView 调试 等)

但是目前 IOS10 以下的系统以及很少了, 小结: WKWebView 相较于 UIWebView 整体上有较大的提升,满足 iOS 上面使用同一套控件的功能,同时对整个内存的开销以及滚动刷新率和...WKWebView NSURLProtocol问题 WKWebView 独立于 app 进程之外的进程中执行网络请求,请求数据不经过主进程,因此, WKWebView 上直接使用 NSURLProtocol...视频自动播放 WKWebView 需要通过 WKWebViewConfiguration.mediaPlaybackRequiresUserAction 设置是否允许自动播放,但一定要在 WKWebView...mWebView.stopLoading(); // 退出时调用此方法,移除绑定的服务,否则某些特定系统会报错 mWebView.getSettings().setJavaScriptEnabled(false...Safari Safari 八、在内嵌版调试过程中,Fiddler 或 Charles 能起到什么作用

3.1K00

H5视频自动播放踩坑杂记

Chrome 浏览器 介绍详见:chrome 浏览器视频播放限制 总结几点: • 静音播放始终允许 • 带声音自动播放不允许(MEI阈值达到可突破限制) • chrome 66 PR 禁止自动播放有声音的媒体...2.IOS微信无法自动播放。...虽然没有微信安卓的限制,但是播放还是稍微需要点技巧: document.addEventListener("WeixinJSBridgeReady", function () { video.play(); } , false...微信有时黑屏 1-2s • 添加封面图 • 添加 touchstart 事件补偿播放 4.IOS点击播放会自动全屏 • 设置 playsinline & webkit-playsinline 为 true • IOS10...全平台自动播放,安卓微信补偿触摸播放 • IOS 正常点击不放大 两个 Demo无法公众号预览,强烈推荐阅读原文跳转博客主页浏览。

24210

视频H5 video最佳实践

它又两个属性值,ture和false,true支持全屏播放,false不支持全屏播放。其实,IOS 微信浏览器是Chrome的内核,相关的属性都支持,也是为什么X5同层播放不支持的原因。...全屏处理 iosundefinedios加playsinline属性,之前只带webkit前缀的ios10以后,会吊起系统自带播放器,两个属性都加上基本ios端都可以保证内敛到浏览器webview里面了... 自动播放 android始终不能自动播放,不多说。...值得一提的是经测现在ios10后版本的safari和微信都不让视频自动播放了(顺带音频也不能自动播放了),但微信提供了一个事件WeixinJSBridgeReady,微信嵌入webview全局的这个事件触发后...,视频仍可以自动播放,这个应该是现在在ios端微信的视频自动播放的比较靠谱的方式,其他如手q或者其他浏览器,建议就引导用户出发触屏的行为操作出发比较好。

4.3K30

iOS的WebView——WKWebView

前言 iOS8中,苹果推出了WKWebViewWKWebView有一个突出特点,就是内存占用少。 但作为一个全新的WebView,API相比于之前的UIWebView肯定会有所不同。...WKWebView的设置 WKWebView的主要设置项都在configuration成员中(比如是否允许浏览器手指缩放,h5的浏览器能否自动播放等)这些都属于浏览器本身的设置项。...在此列举几项及其作用,由于类目繁多,会有遗漏,真正需要使用时,可以xcode的help中寻找,查阅。...WKNavigationDelegate 如命名,这个是WKWebView的导航的代理。它控制了WKWebView加载一个页面流程中的各个关键时间节点的。...) 原生调用js方法 [self.webView evaluateJavaScript:@"function('action')" completionHandler:nil]; cookie的同步 WKWebview

3.2K20

走进安卓的重灾区----video

坑(本次主要是微信X5浏览器中的测试,其他安卓浏览器下表现不一定一致) 自动播放 ios上会自动全屏播放,需要在video标签上设置一个属性 webkit-playsinline,ios10及以上版本属性名改成...安卓上,无法自动播放,必须手动触发视频的播放。调用任何方法都没用,据说这个为了帮用户省流量而设定的。但是安卓首次触发之后,再次触发可以通过调用 .play 来触发播放视频。...默认样式 安卓下,不能自动播放,因此视频播放前会带有视频的默认白色加圆圈播放按钮且背景是纯黑色,可以说是非常丑陋了。...vi.start = 0; vi.play(); } vi.addEventListener('playing',function(){ firstVideoLoad = false...video')[0]; vi.load(); vi.pause(); window.addEventListener('devicemotion', deviceMotionHandler, false

1.5K00

仿抖音视频全屏播放&滑动切换

ios10及以后的版本,可以通过给video标签加playsinline属性防止iOS默认全屏播放,ios9之前加webkit- playsinline属性,如果要兼容,则把两个属性都加上。...4.2 视频自动播放 进入页面后自动播放视频能够极大的提升用户体验。...该功能主要由video元素autoplay属性实现,其MDN上的提示如下: 使用备注: autoplay 属性优先于 preload 假如用户想自动播放视频,那么很明显浏览器需要下载视频。...由于没有强制浏览器去遵循该属性的值,所以移动端,有些浏览器支持添加autoplay属性后自动播放,有些设置 autoplay 和 muted属性也能自动播放,比如IOS 10+、Chrome。...但是,经过实践,安卓客户端,多数时候都是不能实现自动播放,经过多方调研,web端无法处理,最终 求助客户端 ,通过修改webview容器相关参数,配合添加autoplay属性实现自动播放,其处理如下:

4K20

WKWebView详解

您可以使用WKWebView类来应用程序中嵌入web内容,通过创建一个WKWebView对象,将其设置为视图,并发送一个请求来加载web内容。...从iOS 8.0和OS X 10.10开始,建议使WKWebView应用程序中展示web内容,建议不要使用UIWebView或WebView。...BOOL ignoresViewportScaleLimits; 将此属性设置为TRUE可以使页面被缩放,无论页面的意图是什么 设置为TRUE会覆盖网页中的user-scalable HTML属性 默认值为FALSE...10.0之前创建的应用程序必须使用webkit-playsinline属性 iPhone的默认值为false,而iPad的默认值为true 是否允许AirPlay播放媒体 @property(nonatomic...mediaPlaybackAllowsAirPlay; 已废弃iOS 10.0以后使用mediaTypesRequiringUserActionForPlayback @property(nonatomic) BOOL requiresUserActionForMediaPlayback

20.2K193

iOS10 Swift3.0 XCode 8 总结

Variables里边添加 OS_ACTIVITY_MODE = Disable 3,iOS10 layoutIfNeed iOS10 一个控件上调用layoutIfNeed是只会单独计算约束,它所约束的控件不会生效...UIStatusBar过期 如果你需要操作UIStatusBar,iOS10需要改为 - (UIStatusBarStyle)preferredStatusBarStyle { return...UIStatusBarStyleDefault; } 11, iOS10 UICollectionView 性能优化 iOS10 UICollectionView 最大的改变是增加了Pre-Fetching...Pre-Fetching 是默认开启的,如果出于某些原因你不想开启Pre-Fetching,可以通过如下设置禁用: collectionView.isPrefetchingEnabled = false...14, Swif3.0 新增作用域访问级别 fileprivate 目前有如下访问级别: 公开(public) 内部(internal) 文件外私有(fileprivate) 私有(private) 15

74810

IOS WebView控件详解

概述 WebView就是一个内嵌浏览器控件,iOS中主要有两种WebView:UIWebView和WKWebView,UIWebView是iOS2之后开始使用,WKWebViewiOS8开始使用,...相比UIWebView,WKWebView做了如下优化: WKWebView更多的支持HTML5的特性 WKWebView更快,占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView...request; /* 功能:加载本地HTML字符串 string为要加载的本地HTML字符串 baseURL用来确定htmlString的基准地址,相当于HTML的标签的作用...webView{ //隐藏网络请求加载图标 [UIApplication sharedApplication].networkActivityIndicatorVisible = false...WKNavigationDelegate常用代理: /* 1.发送请求之前,决定是否跳转 */ - (void)webView:(WKWebView *)webView decidePolicyForNavigationAction

4.5K80

最新 iOS 框架整体梳理(三)

iOS MetricsKit 收集电量和性能数据 官方文档 65、MobileCoreServices 要是iOS10 以后在有一些APP之间跳转的时候是需要这个框架的,我也了解了一下关于这个框架...所以关于它真的也只能一笔带过了,不过还是提一句,通知框架里的东西的确需要我们掌握的,尤其是iOS10之后苹果在通知上是下了一份功夫的。...94、UserNotifications UserNotificationsUI 这两个框架在iOS10给的最大的一个惊喜,的确10以后把通知优化的很是强大。...iOS Vision 框架概览 iOS Vision的使用 官方文档 98、WatchConnectivity 这个框架看名字就能很好的理解它的作用了,它是用于 Watch 应用和 iOS...官方文档 99、WebKit 这个框架也是日常中经常会用到的一个框架,WKWebView就是它里面的Web页面展示View,现在iOS端的网页几乎应该都是使用WK展示的吧,UIWebView

1.6K10

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券