WHCSRL 技术网

2021-10-18

解决微信小程序中哔哩哔哩视频无法播放问题
第一次接触制作微信小程序,被安排解决开发过程中遇到的哔哩哔哩视频无法播放的问题,才开始一头雾水,不止从哪下手,但通过不懈努力终于知道了。
1.微信小程序的视频链接必须是视频的源地址,网页地址不可以,在这里就需要搞清楚源地址的格式:aid,cid等等分别都表示什么
2.从微信开发者工具的控制台可以看出,人家确实用的源地址,只不过源地址不完整,当我补充完整的时候,仍然无法播放
3.后来随便找了个其他视频的源地址,腾讯视频,竟然可以播放了!注意,这个腾讯视频的源地址不是在腾讯视频app里找的,而是完完整整的源地址,后来听说那叫作接口,企业领导人说他们之前用的就是腾讯视频,但是有需要,就放弃了改为哔哩哔哩视频。当时我还很天真的以为,让他们把哔站视频下载下来,上传到腾讯视频,再获取腾讯视频的链接,换句话说,就是哔哩哔哩地址转化成腾讯视频地址,后来一口就被拒绝了,因为人家数据库获取的视频链接就是哔哩哔哩的,要是想这样转换的话,数据库就得跟着变,肯定不行啊,那没办法,还得继续想办法。
4.我讲他们哔哩哔哩视频下载了下来,通过闪豆下载器下载的,我寻思着把他们上传到云存储,然后引用云地址,照样可以播放,后来想想还是不行,因为云存储的空间是有限的,这个小程序的视频巨多,云空间根本不够,而且既然给你提供了数据库源地址,你必须用,好吧,我又裂开了。
5.我观察了一下,他们之前的标签用的是video,我寻思着可不可以换成iframe,果然,不行
6.最后我再一次尝试,了解了一些微信小程序开发web与其他平台web开发中标签的区别,讲video换成了web-view,OK!大功告成。(源地址必须是补充完整的,这个可以在控制台检查一下)
7.在哔哩哔哩已经可以正常播放的情况下,我又尝试了其他的视频,腾讯什么的,直接在app/网页中获取的源地址,很好,都是正常的,想放哪个放哪个视频啊哈哈哈,而且不仅仅局限于以上才开始提到的试的那个接口哦。
总之,感觉这么一个小细节,我拐弯抹角才搞明白,也学到了很多额外知识,很开森_

推荐阅读