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

xWF_NET 2017-10-17 05:57:32

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


Page({
data: {
imgUrls: [
{ type: 0, url: '../../image/banner1.png' },
{ type: 0, url: '../../image/banner2.jpg' },
{ type: 0, url: '../../image/banner3.jpg' },
{ type: 1, url:'http://47.95.208.179:3000/void/qianxun/video1.mp4'},
{ type: 1, url: 'http://47.95.208.179:3000/void/qianxun/video2.mp4'}
],
...全文
2395 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xun-ming 2021-02-26
  • 打赏
  • 举报
回复
感谢分享,很有用,真机没问题
孤舟蓑影 2020-08-06
  • 打赏
  • 举报
回复
手机上无法显示多半是格式问题
weixin_40682398 2019-01-04
  • 打赏
  • 举报
回复
真机中无法滑动
Aries-s 2018-08-22
  • 打赏
  • 举报
回复
楼主有没有,滑动到下一个时视频窗口显示有问题的情况?
weixin_41199584 2017-11-28
  • 打赏
  • 举报
回复
请问作者这种格式在小程序的开发工具上可以正常显示,但是到手机上预览,视频就无法正常显示了,这是什么原因?应该怎样解决?谢谢!
xWF_NET 2017-10-18
  • 打赏
  • 举报
回复
这种格式在小程序的开发工具上可以正常显示,但是到手机上预览,视频就无法正常显示了
vann_dream 2017-10-17
  • 打赏
  • 举报
回复
支持 你这个布局有问题吧

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧