仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仿抖音上下滑动播放视频(兼容安卓,ios,小程序,h5)相关的知识,希望对你有一定的参考价值。
参考技术A 运行条件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在线地址
仿抖音上下滑动播放视频(兼容安卓,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)的主要内容,如果未能解决你的问题,请参考以下文章