实现功能需求:
1,禁用默认视频控制栏,自定义视频进度,音量控制栏
2,按空格,上下左右,实现视频暂停,音量加减,视频前进后退(除此在网页内禁用除了f5 f12 及视频操作键以外的键)
3,禁用鼠标在video时的滑轮事件改为音量
4,用input type=“file” 获取文件地址。可以上传多个视频,或文件夹,(过滤非MP4)
5,实现全屏,及全屏修改自定义控制栏样式
6,由于浏览器全屏时不能获取有关节点,则监听窗口变化并判断是否全屏来确定是否正在退出全屏。(全屏暂不兼容ie,有bug)
7,选择完本地视频后出现播放列表,点击播放列表播放对应视频。(默认第一集)
8,如果上传的文件记录和上次一样,自动跳转到上次的播放进度。
9,控制栏控件有进度条,音量条,播放/暂停 ,下一集,全屏的控件。
10,实现拖动进度条,音量条修改视频进度,及音量。
11,鼠标在video节点内无操作隐藏
12,其余见demo实例网页。
相关文章
- android中怎么播放本地视频播放器,安卓之播放本地视频讲解
- web网页本地视频播放器
- html 播放视调用本地播放器,用HTML5做一个本地视频播放器
- H5实现一个简易本地视频播放器
- Android本地视频播放器开发--视频解码
- 如何启用本机GPU硬件加速猿大师播放器网页同时播放多路RTSP H.265 1080P高清摄像头RTSP视频流?
- html网页视频播放器代码,HTML网页制作视频播放器现成代码
- EasyPlayer.js网页播放器,支持FLV、HLS、WebSocket、WebRTC、H.264/H.265、MP4、ts各种音视频流播放
- 建站技能get(1)— Asp.net MVC快速集成ckplayer网页视频播放器
- 海康威视视频监控实现B/S网页集成(仅为初步启动)【基于Web Components开发包】