在微信小程序中支持图片和视频在同一个轮播中吗？

踏风而至

1. <!--轮播部分 视频播放 -->
   
2. <swiper id='swip' indicator-dots="true" autoplay="{{true}}" circular="true">
   
3. <block wx:for="{{imgUrls}}">
   
4. <swiper-item>
   
5. <image src="{{item.url}}" wx:if="{{item.type==0}}" class="bcg" />
   
6. <video src="{{item.url}}" wx:if="{{item.type==1}}" class="bcg" controls="true" poster='../../image/top.png'></video>
   
7. </swiper-item>
   
8. </block>
   
9. </swiper>

复制代码

1. Page({
   
2. data: {
   
3. imgUrls: [
   
4. { type: 0, url: '../../image/banner1.png' },
   
5. { type: 0, url: '../../image/banner2.jpg' },
   
6. { type: 0, url: '../../image/banner3.jpg' },
   
7. { type: 1, url:'http://47.95.208.179:3000/void/qianxun/video1.mp4'},
   
8. { type: 1, url: 'http://47.95.208.179:3000/void/qianxun/video2.mp4'}
   
9. ],

复制代码

本帖寻求最佳方案

，目前已有 3 个回复 我要奖励

纯中药根治腰椎颈椎病

支持 你这个布局有问题吧

稳稳幸福

当您滑到下一个视频窗口时，视频窗口出现了问题?

杜伟

这主要是格式问题，无法在手机上显示