【audio播放器 _audio播放器】

audio播放器

我也踩过这个坑( 12 )

已统计您的踩坑,无需重复点击

回答(7)

audio播放器

详细描述

截图

代码

第一种：<button class="btn btn-block sing"> 
                     <audio  src="audio/财富自由.mp3" controls="controls">
                     </audio>
               </button>
第二种：<button class="btn btn-block sing">
                    <audio src="audio/财富自由.mp3" autoplay="autoplay">
                    </audio>
                </button>

编辑于2024-04-23

时间排序

热门排序

[深圳|结业弟子]JS-黄麒二
0

可以隐藏默认样式，切个图，引入一个js文件，使用onclick事件点击图标触发播放或暂停

查看全部>

编辑于2018-09-07
[散修弟子]CSS-9526
0

方法一
1 添加音频控件 autoplay="autoplay
2 设置宽高只剩下播放按钮
3 定位到你想要的地方
4 设置成完全透明自己看用 rgba 透明还是 opacity
5 设置自己想不说了

方法二
添加js

查看全部>

编辑于2018-11-03
[成都|]JS-
0

你可以先旋转audio，然后把播放键放到相应位置用opacity隐藏

查看全部>

编辑于2019-01-05
[上海|荣耀师兄]JS-卢关清
0

先旋转，再设置opacity来隐藏，注意 opacity属性是具有继承性的

查看全部>

编辑于2019-04-12
[无名弟子]QA-张杰
0

设置opacity来隐藏, 因为这个隐藏方法是可以点击.

查看全部>

编辑于2019-06-26
[武汉|结业弟子]JS-刘平
0

这里可以使用translate进行转换180°，然后设置为透明即可，接着把播放按钮图片使用定位盖住播放按钮

查看全部>

编辑于2019-11-11
[北京|结业弟子]JS-朱春雨
0

放播放图标那个盒子相对定位

播放器和图片绝对定位脱离文档流 right：10px；差不多这个位置

播放器通过宽高设置大小透明度 0 完全透明图片放在播放器上方

旋转下不然可能会影响页面宽度

设置穿透实现点击图片即可播放

查看全部>

编辑于2019-11-15

去第页