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

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 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错？CRNN神经网络
  • ¥20 steam下载游戏占用内存
  • ¥15 CST保存项目时失败
  • ¥15 树莓派5怎么用camera module 3啊
  • ¥20 java在应用程序里获取不到扬声器设备
  • ¥15 echarts动画效果的问题，请帮我添加一个动画。不要机器人回答。
  • ¥15 Attention is all you need 的代码运行
  • ¥15 一个服务器已经有一个系统了如果用usb再装一个系统，原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时，终端显示出了sequence handled的进度条，但是并不出结果就自动终止回到命令提示行了是怎么回事：