苹果Airpods pro耳机怎么改名字,苹果Airodro耳机怎么改名字?下面请看小编的详细介绍吧!......
WKWebView加载富文本怎么设置非全屏自动播放
WKWebView加载富文本时怎么设置video非全屏自动播放
工具/原料
- Mac
- Xcode
方法/步骤
WKWebView加载hml时进行自动播放必须设置allowsInlineMediaPlayback为YES以及requiresUserActionForMediaPlayback为NO。
然后使用configuration的方式初始化WKWebView,同时设置显示区域。
这里截取一节html的内容单纯的富文本,里面包含了后台接口返回的内容,同时包含了video标签,使用加载html字符串的形式加载。
加载之后video标签正常显示,但是并不会自动播放,我们在webview加载完成之后进行js注入var videos = document.querySelectorAll(\"video\"); for (var i = videos.length - 1; i >= 0; i--) { var ivideo = videos[i]; if (i == 0) { ivideo.setAttribute(\"webkit-playsinline\",\"\"); ivideo.play(); } };遍历标签找到video,然后设置webkit-playsinline以及play()进行播放。
另外我们需要实现播放时自动跳转到指定时间,我们还是需要使用js注入的方式,在上述的js之上加入ivideo.addEventListener('canplay', function() {this.currentTime = 10;});,表示播放时从第10秒开始。
最后不要忘了导入WebKit框架以及遵从WKNavigationDelegate的代理,不然代理方法不会调用。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章