html 控制多个音频Audio标签

后生丶

于 2018-11-26 15:51:22 发布

阅读量5.4k

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_30449567/article/details/84546541

版权

博客探讨了HTML Audio标签在实现音频播放控制时遇到的问题，包括点击播放新音频时无法自动关闭其他播放中的音频以及音频播放完后状态显示不正确。内容提到了CSS样式和JS实现，并指出这些问题将在后期进行优化。示例中使用了阿里图标库和GIF背景图片作为播放动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ps需求如下图

            <div class="cwbr-con">
                    <ul>
                    <li>
                        <p class="cc-text fl dhsl">音频名称音频名称音频</p>
                        <p class="cc-icon-player fl"></p>
                        <p class="cc-icon-close fr" style="display: none"><a  class="pauseAuto"><i class="iconfont icon-zanting"></i></a></p>
                        <p class="cc-icon-open fr" ><a  class="openmusic"><i class="iconfont icon-bofang"></i></a></p>
                        <audio style="display:none; height: 0&