html5视频触摸调节亮度音量,纯JS 打造HTML5+APP 专属 VIDEO 视频播放器,支持记忆续播 和 缓冲进度条 ,音量调节和亮度调节,支持 Android/ios...

基础开发工具: HBuilder X

纯JS改写 video 支持 Android / IOS 播放。

支持播放视频格式:.mp4 .webm .m3u8 .mpd .flv

基础功能:

支持: 左右滑动快进退、缓冲进度条、记忆续播、 上下视频按键播放 ,假全屏、强制横屏全屏,音量调节和亮度调节, 支持自由修改样式

5+APP为什么要使用HTML5 视频播放器?,主要为了更方便在视频表层添加任何图标或物品也方便对播放器样式改造,进行相关操作,相对原生视频播放器,要在视频层添加图标就困难多了。

83e96e3cb0ca611ed02f527b6b05585c.png

a9a214c9573c20442cc5901202924c6e.gif

扫一扫下载 安卓 DEMO 示例 体验, 或者电脑下载

3e1b3ec2dbf232d0ee75e06f94e5b3df.png

目前支持两种全屏模式:1. 假全屏-强出视频播放框保持竖屏,2. 强制横屏-就是通常说的全屏,强制横屏播放。

a2382eb033b56dcc0f701871c9f17324.png

如何使用:

引入视频的样式

引入相关3个必须的JS 文件

//MUI 框架

// 支持视频播放优化插件

//视频插件,控制各项操作

添加一个video 标签在所需的位置上

初始化视频插件

var player=new AppH5Video("player",{});

插件参数

autoplay: 是否自动播放视频,默认: fasle

showfull : 是否显示全屏按钮,默认: true

fakefull : 是否开启假全屏模式 ,默认: false

loop : 是否循环媒体,默认: false

back : 是否显示返回键,默认: true

drag: 是否开启左右滑动快进后退功能,默认: true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值