Dreamweaver自带的audio标签如何修改控件大小

我用Dreamweaver自带的audio标签做的音频播放，但在手机端那个播放的按钮太小了，如下图

参考页面 https://www.pgzpgz.com/zz.html 请用手机打开这个页面，不要用电脑，只是想把这个控件的播放按钮能大些就行了，目前的代码是这样子的

<audio id="y23" class="yinpin" preload="auto" controls="controls" >
        <source src="images/23.mp3" type="audio/mp3">
      </audio>

如果这个不能修改，我也在网上找了很多资料来看，由于本身我很菜，没找到解决方法，如果用第三方的音频播放器，又不会改各种参数，也不知将代码放在什么地方，这个帖子主要求两个答案，第一就是现有的这个Dreamweaver自带的audio标签如何将播放控件变大，如果不能，那么第二个就是调用第三方的音频控件也可以，但我不会布置代码，需要您把写好的代码给我并告诉我放在哪里。

附：https://aplayer.js.org/#/zh-Hans/?id=%E5%AE%89%E8%A3%85 曾经看过这个第三方的播放器，但我自已不会配置，我的音频播放器不需要太多的功能，只要这个播放按钮和进度条就可以了

给移动端网页增加viewpoint，不过样式布局需要重新调整过。建议增加viewpoint+媒体选择器，这样一套html代码就能实现pc和移动端兼容显示，不需要做2个页面，如现在流行的bootstrap。

媒体选择器可以参考：https://blog.csdn.net/px459/article/details/52205028

<html><head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />。。。。。。。。。。。。。。。。。其他html代码

第二种，用zoom样式，放大控件。


                <audio id="y23"  preload="auto" controls="controls" style="zoom:3;width:100%;height:50px">
                    <source src="images/23.mp3" type="audio/mp3">
                </audio>

用 <meta name="viewport" content="width=800, initial-scale=1.0"> 固定页面在手机端呈现的宽度。比如800
再对audio设置合适的高度即可
<audio id="y23" class="yinpin" preload="auto" controls="controls" style="height: 80px;">
<source src="images/23.mp3" type="audio/mp3">
</audio>

给移动端网页增加viewpoint，不过样式需要重新调整过。建议增加viewpoint+媒体选择器，这样一套html代码就能实现pc和移动端兼容显示，不需要做2个页面，如现在流行的bootstrap。

媒体选择器可以参考：https://blog.csdn.net/px459/article/details/52205028

<html><head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />。。。。。。。。。。。。。。。。。其他html代码

第二种，用zoom样式，放大控件

 
                <audio id="y23"  preload="auto" controls="controls" style="zoom:3;width:100%;height:50px">
                    <source src="images/23.mp3" type="audio/mp3">
                </audio>

改是改不了啦，给你提供一个方法你看行不行，找一个播放按钮图片定位在哪个位置然后绑定个点击播放的事件。

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y