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

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条回答 默认 最新

  • Go 旅城通票 2021-04-26 21: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条)

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能