5***@qq.com
5***@qq.com
  • 发布:2020-03-25 18:08
  • 更新:2020-03-25 18:08
  • 阅读:835

【报Bug】nvue页面使用swiper嵌套视频后,Android机不显示,debug查看发现video被渲染成了div。ios手机正常

分类:nvue

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]
nvue页面使用swiper嵌套视频
[结果]
Android不显示,debug查看渲染成了div,iOS正常
[期望]
正常显示
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]
2.6.5.20200314
[windows版本号]

[mac版本号]
10.15.3

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app nvue
[运行端版本号]
2.6.5
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
自定义组件模式

App运行环境说明

[Android版本号]
7.1.2
[iOS版本号]
13.4
[手机型号]
Redmi 4X
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段] <template> <view class="swiper-wrapper"> <swiper style="{ height: height 'rpx' }" class="swiper-box" indicator-dots="showindicator" indicator-active-color="indicatorActiveColor" indicator-color="indicatorColor"

circular="circular"

<swiper-item class="swiper-item" v-if="videoUrl">
<video class="banner" :src="videoUrl" :style="{ height: height 'rpx' }"></video>
</swiper-item>

    <swiper-item class="swiper-item" v-for="(item, i) in bannerList" :key="i"><image class="banner" :src="item" :style="{ height: height   'rpx' }"></image></swiper-item>  
</swiper>  

</view>
</template>

<script>
export default {
props: {
videoUrl: {
type: String,
default: null
},
bannerList: {
type: Array,
default() {
return [];
}
},
showindicator: {
type: Boolean,
default: true
},
indicatorColor: {
type: String,
default: '#fff'
},
indicatorActiveColor: {
type: String,
default: '#FE3A3A'
},
circular: {
type: Boolean,
default: true
},
height: {
type: Number,
default: 0
}
},
data() {
return {};
}
};
</script>

<style lang="less" scoped>
.swiper-wrapper {
width: 750rpx;
}
.swiper-box {
width: 750rpx;
}
.banner {
width: 750rpx;
}
</style>

联系方式

[QQ] 524111574

2020-03-25 18:08 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复