使用 vue3-video-play IOS系统无法播放

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

使用 vue3-video-play IOS系统无法播放

问题相关代码：
<vue3VideoPlay @play="onPlay" @pause="onPause" @click="playVideo" @timeupdate="onTimeupdate" @canplay="onCanplay"
ref="video" v-bind="options" :poster="options.poster" :src="options.src" />

initVideo() {
this.options = reactive({
width: "100%", //播放器高度
height: this.options.height, //播放器高度
color: "#409eff", //主题色
language: "zh-CN",
speedRate: ["0.75", "1.0", "1.25", "1.5", "2.0"], //播放倍速
src: this.options.src,
poster: this.options.poster,
playsinline: false, //ios点击屏幕是否全屏
preload: "auto",//视频预加载
webkitPlaysinline: false,
autoPlay: false,//自动播放
muted: false,
control: false, //控制条
speed: false, //进度条
webFullScreen: false,
type: 'video/mp4',
loop: true
});
// let wifi = this.isWifi()
// switch (wifi) {
// case true:
// this.options.autoPlay = true
// this.options.muted = true;
// break
// case false:
// this.options.muted = false;
// this.options.autoPlay = false
// break
// }
},
playVideo() {
this.videoPlay = !this.videoPlay
switch (this.videoPlay) {
case true:
this.$refs.video.play()
break
case false:
this.$refs.video.pause()
break
}
},
onPlay(ev) {
alert('播放')
},
onPause(ev) {
alert('暂停')
},
onTimeupdate(ev) {
alert('时间更新')
},
onCanplay(ev) {
alert('可以播放')
},

运行结果：

播放器无法播放，一直处于加载状态

设置了也无法播放，有哪位大佬解决了滴。

ios开启静音才能自动播放，播放后 关闭静音