上次已近学习了微信开发的基本页面,现在继续学习开发。这次小编学了插入轮播和视频播放,在此进我绵薄之力叨叨一下。
1、插入轮播图
首先在app.json里添加编写轮播
我这里添加的是test,play是即将添加的视频播放。之后回到首页,即index.wxml里面添加navigator标签,并在标签里添加url属性用来连接到我们的轮播图页面,视频播放的跳转和轮播一样。
这样点击首页的“跳转到轮播图”,就可以跳转到轮播图页面了
现在说下轮播图页面的编写
在test.wxml里面编写,类似于html,代码如下
2、点击“跳转到播放影片”,可以跳转到视频播放。
代码在play.wxml里面编写
这是wxss里面的代码,类似我们熟知的css样式
大家看到我们在play.wxml里面navigator标签里包着一个图片,另外设置了url标签 ,方便我们跳转到视频播放的页面,
在这里直接对video设置url就可以了,但是!!这里的地址必须是自己的服务器,然后将视频放在自己的服务器上,因为我的微信账号是个人的,也没有自己的服务器,在此,这个视频播放不了的。微信里支持的地址需是https开头的。
别忘了也给video设置样式,width:750px或者100%;