收藏
回答

swiperl里面使用video组件进行视屏的轮播,苹果不加载视屏?

<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格式都试过,也不行。

这个问题见过好多次了,一直没有找到解决办法,希望大神们可以帮忙解决一下

回答关注问题邀请回答
收藏

1 个回答

  • 智能回答 智能回答 本次回答由AI生成
    06-27
    有用
登录 后发表内容