微信小程序为视频设置图片并显示播放时间

2、打开wxml文件。

3、在文件中首先新建一个swiper标签。

4、通过interval属性，可以设置轮播改空图自动切换的时间间隔禅饥，这里设置为1000.默认是5000，单位是毫秒。

5、在下面设置图片的路径。

6、打开模拟器，显示绿色才是开启。

7、在预览贺歼返中可以看到切换的时间变快了。

HBuilder X 2.2.2

安装后，从插件市场导搜备入，即可真机运行

vue

项目地址

github

uniapp插件市场

说明

插件分纳扒别用swiper实现(多端兼容)和css3动画实现(暂时只支持app)，可自行切换。

插件在uni-app编译模式下编写(已切换)。

默认为weex编译模式，在 manifest.json 的源码视图里配置是切换模式， manifest.json ->app-plus ->nvueCompiler 切换编译模式。

swiper在非App端内嵌video性能比较洞漏昌差，不建议导入过多视频。

项目效果

h5在线地址