美文网首页iOS开发心得JS网页相关
iOS 禁止webView播放网页视频弹出全屏

iOS 禁止webView播放网页视频弹出全屏

作者: luzsyn | 来源:发表于2017-01-22 18:13 被阅读2228次

    折腾了半天,各种百度,都是说在html的video中加入webkit-playsinline属性,可是怎么都不起作用,后来去Apple查看官方API,人家已经说的很明白了,真是一顿头大啊。

    You must set this property to play inline video. Set this property to true to play videos inline. Set this property to false to use the native full-screen controller. When adding a video element to a HTML document on the iPhone, you must also include the playsinline attribute.

    Important
    Apps created before iOS 10.0 must use the webkit-playsinline attribute.


    不废话了,直接上代码

        CGFloat phoneVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
        if (phoneVersion >= 10.0) {
            content = [content stringByReplacingOccurrencesOfString:@"<video" withString:@"<video playsinline"];
        }else {
            content = [content stringByReplacingOccurrencesOfString:@"<video" withString:@"<video webkit-playsinline"];
        }
    

    最后别忘了设置webView的allowsInlineMediaPlayback属性为YES

      webView.allowsInlineMediaPlayback = YES;
    

    相关文章

      网友评论

      • 爱情公寓:在吗 怎么解析啊
      • 爱情公寓:在吗 。。你这篇文章咋处理的 还有代码没
        爱情公寓:@liu_zhi_xin 咋获取啊 。不会搞呀。网页还是第三方 也不能前段操作。兄弟 能详细点不
        luzsyn:@爱情公寓 是获取本地的H5代码,然后替换里面的video标签(替换代码文章里有写)
      • 止丶水:加在那个方法里面
        iOS_Developer1:@Sandix 这个属性是不是与操作系统有关系?那前端同事怎么根据操作系统来加呢
        luzsyn:allowsInlineMediaPlayback是设置webview的属性,playsinline是加在video标签的属性中(可以让前端同事加上),否则就只能自己解析网页内容替换一下video标签了
      • 6129b93b59e2:content 是什么东西,能多指教一下嘛
        6129b93b59e2:@Sandix 木有事,我弄完了:smile:
        luzsyn:@队队队队队长是我别开枪 不好意思才看见,content是html网页代码,根据系统版本号的不同,修改网页代码中的video标签的属性
      • 猜吧我是谁:加油加油哦

      本文标题:iOS 禁止webView播放网页视频弹出全屏

      本文链接:https://www.haomeiwen.com/subject/rbeobttx.html