h5+css+js
GNWCE
会做动效的码农
展开
-
input+progress写视频进度条
(适用chrome谷歌浏览器。其他浏览器可能存在兼容问题,以后再进行完善)大致样式如下: 视频右侧第一条为音量条,第二条为视频进度条。 重点写一下进度条的思路。 <video src="" id="shiping" muted="muted" autoplay > 写好video以后 第一步和前边写音量进度条的思路一样,使用input+progress将input.value赋值...原创 2020-05-05 09:36:06 · 945 阅读 · 1 评论 -
input加progress组合写进度条的简单音乐播放器实现
主要解释一下实现图中的音量进度条效果。 仅供大家参考,勿喷。 查阅了很多资料看了挺多人的代码,但是ajax对于我这个新手小白来说,可能还难以理解,因此分享一个本小白的方法。 本人编程小白,分享实现的方法可能很蠢,如有大神路过,勿见怪。 在html部分 首先,先写标签导入音频文件。 html <audio src=""> 再写样式。 方法一: 可直接用ie默认的input设置type=...原创 2020-05-04 21:23:18 · 1317 阅读 · 1 评论