video和canvas.createImage的两个兼容问题及解决方法
发布于 4 年前 作者 jingyu 4384 次浏览 来自 分享

开发了一个上传视频并显示封面的功能,操作包括:上传,删除,替换。过程中发现了几个坑,勉强解决了:

iphone7最新版IOS和微信的问题

1)video的poster变化时UI不刷新,安卓和真机都正常

解决方法:手动渲染封面,使用image显示。

这里由于需求原因,封面是动态生成的,所以为image赋值前,需要先保证image可以下载成功,所以使用了canvas.createImage,碰到了一个安卓的坑,这条具体描述和解决方法看下面安卓部分

2)video标签的url如果是这样的https://a.com/a.mp4\#akslfjklsf,会播放失败

小米10安卓端微信最新版的问题

只有一个,就是<span style="font-size: 16px;">canvas.createImage加载无效的url时,既不触发onload也不触发error。不知道为什么,也没有时间查,所以。。。解决方法是:加一个超时机制,超时就新调用canvas.createImage</span>
回到顶部