<swiper class="carousel round-dot" :style="{height:height_carousel+'px'}" indicator-dots="true" circular="true" :autoplay="goplay" interval="5000" duration="500" indicator-active-color="#09f" indicator-color="#ffff00">
<swiper-item v-for="(item,index) in swiperList" :key="index">
<image :src="item.url" mode="aspectFit" v-if="item.type=='image'"></image>
<image :src="swiperList[1].url" mode="aspectFit" v-if="item.type=='video'"></image>
<video :src="item.url" :show-play-btn="true" :enable-progress-gesture="false" show-mute-btn="true" muted="fasle" v-if="item.type=='video'" :poster="swiperList[1].url" @play="goswiper(0)" @pause="goswiper(1)" @ended="goswiper(1)"></video>
</swiper-item>
</swiper>

- 发布:2021-10-01 17:41
- 更新:2021-10-01 17:41
- 阅读:432
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 3.2.9
手机系统: Android
手机系统版本号: Android 11
手机厂商: 华为
手机机型: nova5
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
查看产品时,视频会显示在第一个交替页,后面是图片,点击视频,可以播放,不想看了,可以左右滑动到图片查看,视频停止
查看产品时,视频会显示在第一个交替页,后面是图片,点击视频,可以播放,不想看了,可以左右滑动到图片查看,视频停止
预期结果:
点视频就播放了,不会全屏,可左右滑动
点视频就播放了,不会全屏,可左右滑动
实际结果:
点了视频,全屏化,怎么也退不回去,要等播完
点了视频,全屏化,怎么也退不回去,要等播完
bug描述:
原来提过这个问题,原来是无法播放,现在可以播,但点了视频后,不知道如何交替其他了,H5没有问题,到现在还没解决
https://ask.dcloud.net.cn/question/97744?notification_id-935568rf-falseitem_id-167057#!answer_167057
0 个回复