辰时果贴 2021-04-26 12:20 采纳率: 66.7%
浏览 342
已采纳

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  曾经看过这个第三方的播放器,但我自已不会配置,我的音频播放器不需要太多的功能,只要这个播放按钮和进度条就可以了

展开全部

  • 写回答

6条回答 默认 最新

  • 斯洛文尼亚旅游 2021-04-26 13:08
    关注

    给移动端网页增加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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)
编辑
预览

报告相同问题?

手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部