仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)

仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)

运行条件

HBuilder X 2.2.2

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

vue

项目地址

github https://github.com/15157757001/scroll-video

uniapp插件市场 https://ext.dcloud.net.cn/plugin?id=664

说明

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

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

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

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

项目效果

h5在线地址 https://github.com/15157757001/15157757001

 

仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)

上一篇:微信小程序首页问题


下一篇:js仿探探左右滑动效果(兼容安卓,ios,小程序,h5)