web本地视频播放器源码

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

文件下载

资源详情

[{"title":"( 16 个子文件 4.54MB ) web本地视频播放器源码","children":[{"title":"video","children":[{"title":".project <span style='color:#111;'> 972B </span>","children":null,"spread":false},{"title":"bootstrap","children":[{"title":"fonts","children":[{"title":"glyphicons-halflings-regular.ttf <span style='color:#111;'> 44.34KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.woff2 <span style='color:#111;'> 17.61KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.eot <span style='color:#111;'> 19.66KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.svg <span style='color:#111;'> 106.19KB </span>","children":null,"spread":false},{"title":"glyphicons-halflings-regular.woff <span style='color:#111;'> 22.88KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"bootstrap.css <span style='color:#111;'> 144.27KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"index.html <span style='color:#111;'> 4.76KB </span>","children":null,"spread":false},{"title":"images","children":[{"title":"bg.jpg <span style='color:#111;'> 3.57MB </span>","children":null,"spread":false},{"title":"control_01.png <span style='color:#111;'> 6.71KB </span>","children":null,"spread":false},{"title":"playheader.jpg <span style='color:#111;'> 346B </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"play.js <span style='color:#111;'> 20.68KB </span>","children":null,"spread":false},{"title":"jquery-1.11.3.min.js <span style='color:#111;'> 93.71KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"willesplay.css <span style='color:#111;'> 4.66KB </span>","children":null,"spread":false},{"title":"reset.css <span style='color:#111;'> 3.98KB </span>","children":null,"spread":false}],"spread":true},{"title":"111.mp4 <span style='color:#111;'> 1.11MB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明