完整代码,需要web服务器,(直接拖动到浏览器可以加载但不能播放)
实现功能需求:
1,禁用默认视频控制栏,自定义视频进度,音量控制栏
2,按空格,上下左右,实现视频暂停,音量加减,视频前进后退(除此在网页内禁用除了f5 f12 及视频操作键以外的键)
3,禁用鼠标在video时的滑轮事件改为音量
4,用input type=“file” 获取文件地址。可以上传多个视频,或文件夹,(过滤非MP4)
5,实现全屏,及全屏修改自定义控制栏样式
6,由于浏览器全屏时不能获取有关节点,则监听窗口变化并判断是否全屏来确定是否正在退出全屏。(全屏暂不兼容ie,有bug)
7,选择完本地视频后出现播放列表,点击播放列表播放对应视频。(默认第一集)
8,如果上传的文件记录和上次一样,自动跳转到上次的播放进度。
9,控制栏控件有进度条,音量条,播放/暂停 ,下一集,全屏的控件。
10,实现拖动进度条,音量条修改视频进度,及音量。
11,鼠标在video节点内无操作隐藏
12,其余见demo实例网页。
2022-05-18 00:32:54
4.54MB
源码
1