liuyonghhh的博客

详细介绍请看https://blog.csdn.net/liuyonghhh/article/details/103753064

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