我的页面是vue开发的h5页面，使用video.js播放HLS流视频。

在安卓和苹果的浏览器上视频都可以正常播放，在微信里面直接打开h5页面，安卓和苹果的视频也都可以正常播放，

但是嵌入到小程序里面，真机测试安卓可以正常播放视频，苹果手机无法正常播放，视频区域显示黑屏。（有个更奇怪的操作：黑屏区域多次点击，偶尔能播放出来，不点击不会放！）

使用vconsole测试没有任何报错。

h5页面线上地址https://shop.wuxie.com.cn/mall/index.html#/ （苹果自带浏览器都可以播放，为什么嵌套到小程序就是黑屏了？？？）

请问这个是什么原因，怎么解决？