【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做了什么?内部运作?


有李
108 声望12 粉丝

通过注意生活中细节性的风景