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

【1】audio autoplay的兼容性问题,先来个五颜六色的图看看Audio在哪里?
图片描述
问题描述: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?
图片描述
图片描述

load做了什么?内部运作?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值