如何使用CSS&HTML实现类似音量控制的拖动条

如何使用CSS&HTML实现类似音量控制的拖动条,第1张

提供两种处理方式

1.使用jplayer,需要额外引入几个脚本文件和样式文件即可搞定,可以自定义档芹核样式,具体参考相关文档;

2.使用audio标签实现,将其隐藏(透明处理),拖曳 *** 作实际是 *** 作的audio标签,但是事件回调控制显示,这种方式可以很少的代码来控制;

如果仅仅是一个点击播首轿放,暂停行掘之类的简单功能,推荐使用方式2.如果 *** 作复杂,还要设计播放列表啥的,推荐方式1.

ie上播放是采用flash播放,我遇到过3个问题。

1、浏圆圆览器不支持flash

2、flash播放文轮腔派件路径不正确(常见)腊贺

3、播放器的图层不可见,就是在css里赋值为 display:none 这样也是播放不了的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12354948.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存