首页 > 手机专区 > 苹果手机 >

WKWebView加载富文本怎么设置非全屏自动播放

来源:互联网 2023-02-20 15:46:46 455

WKWebView加载富文本时怎么设置video非全屏自动播放n5w办公区 - 实用经验教程分享!

工具/原料

  • Mac
  • Xcode

方法/步骤

  • 1

    WKWebView加载hml时进行自动播放必须设置allowsInlineMediaPlayback为YES以及requiresUserActionForMediaPlayback为NO。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 2

    然后使用configuration的方式初始化WKWebView,同时设置显示区域。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 3

    这里截取一节html的内容单纯的富文本,里面包含了后台接口返回的内容,同时包含了video标签,使用加载html字符串的形式加载。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 4

    加载之后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()进行播放。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    另外我们需要实现播放时自动跳转到指定时间,我们还是需要使用js注入的方式,在上述的js之上加入ivideo.addEventListener('canplay', function() {this.currentTime = 10;});,表示播放时从第10秒开始。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 6

    最后不要忘了导入WebKit框架以及遵从WKNavigationDelegate的代理,不然代理方法不会调用。n5w办公区 - 实用经验教程分享!

    WKWebView加载富文本怎么设置非全屏自动播放n5w办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!n5w办公区 - 实用经验教程分享!


    标签: XCODE苹果Macios文本

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码