欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

如何使用H5的video实现全屏时横屏播放,手势上下滑动调节音量,左右滑动快进和后退

程序员文章站 2022-03-26 13:28:52
现在的大部分播放器都实现了手势上下滑动调节音量,左右滑动快进和后退,在大部分app中几乎是主流配置了。如果app中提供了视频功能,而没有这些基本的功能,用户体验就很差。由于平常使用5+ Runtime,配合H5的Video标签实现起来也不麻烦。主要是为了测试hls.js,播放m3u8地址就做了一个d ......

现在的大部分播放器都实现了手势上下滑动调节音量,左右滑动快进和后退,在大部分app中几乎是主流配置了。如果app中提供了视频功能,而没有这些基本的功能,用户体验就很差。由于平常使用5+ runtime,配合h5的video标签实现起来也不麻烦。主要是为了测试hls.js,播放m3u8地址就做了一个demo。

获取全部源代码