<swiper :autoplay='false' circular=true :current="current" class="swiper-slide"
style="height: 400rpx; width: 750rpx;" @change="changeSwiper">
<view v-for="(item,index) in videoList" :key="index">
<swiper-item style="width: 750rpx; position: relative;">
<video class="swiperImage" :src="item" :id="'videoId'+index" :controls='false'
:autoplay='false' @ended="videoEnd" :muted="videoMuted"/>
<image class="openClose" v-if="videoMuted == true"
src="https://yunxia-xiaoxiao-1324981852.cos.ap-beijing.myqcloud.com/icon%2FvoiceClose.png"
@click.stop="toggleMute" />
<image class="openClose" v-else
src="https://yunxia-xiaoxiao-1324981852.cos.ap-beijing.myqcloud.com/icon%2FvoiceOpen.png"
@click.stop="toggleMute"
这是开发版本的,测试没什么问题机型:苹果12pro
然后这是正式版的,机型:苹果16pro
轮播的视屏是存放到data里面的videoList里面的,视屏的地址是https开头的存放于腾讯cos桶里面的,正式版苹果12pro可以正常显示,安卓所有机型都可以正常显示,就是苹果会有问题,越新的机子出现问题的情况越多,体验版到正式版。
试过很多帖子说的什么给video设置宽高,设置过后,安卓和苹果都会有大概率出现四个视屏都不加载的情况,之前不设置的时候还可以有一个可以加兹安出来
还有设置webp格式都试过,也不行。
这个问题见过好多次了,一直没有找到解决办法,希望大神们可以帮忙解决一下
