【黄麒二的回答:audio播放器 _audio播放器 】 | IT修真院·坑乎
问题已收录 audio播放器
我也踩过这个坑( 12 )
已统计您的踩坑,无需重复点击
回答(7)
audio播放器
详细描述
截图
代码
编辑于2024-10-12
[深圳|结业弟子]JS-黄麒二

可以隐藏默认样式,切个图,引入一个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