脚本宝典收集整理的这篇文章主要介绍了

audio/video 在ios兼容性问题总结

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

【1】audio autoplay的兼容性问题,先来个五颜六色的图看看Audio在哪里?
audio/video 在ios兼容性问题总结-脚本宝典
问题描述:ios的安全机制,系统自带safari浏览器不能自动播放;

尝试方案:

  1. domready回调中执行play(); 【x】

  2. setTimeout等定时器回调执行play(); 【x】

  3. ajax回调…【x】

  4. trigger dom event 【x】

  5. 借用bridge API,如微信Weixin JSAPI的WeixinJSBridgeReady 【V】

  6. 监听touchstart事件,进行play【v】体验不好

分析:
所以猜测如果play限制JS引擎层:
1.判断是否是队列b,e中回调之类。。。
2.trigger的时候会执行队列b中相应回调,但是trigger方案无效,why?

暂时得出一个结论:
h5层没有操作能力,需借力于native

【2】video 白屏问题
问题描述:
播放会有长时间白屏情况

出现条件:
a: controls、loop、autoplay动态设置
b: ios11 iphone7

解决方案:
在mounted钩子中 video.load() ,正常了 why?

为什么用load?
audio/video 在ios兼容性问题总结-脚本宝典
图片描述

load做了什么?内部运作?

总结

以上是脚本宝典为你收集整理的

audio/video 在ios兼容性问题总结

全部内容,希望文章能够帮你解决

audio/video 在ios兼容性问题总结

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过