PHP+CMS+网站 · 2018年05月20号 0

【理想原创】HTML5 Audio 如何定义宽高

如代码,首先定义audio的父容器大小,其次定义audio所在容器即可。

audio max-height只有40px。

[code]<div class=”content_player”><p>同步听力播放:</p>
<div class=”content_player_box”>
<audio controls=”controls”>
<source src=”{$audio}” type=”audio/ogg”>
<source src=”{$audio}” type=”audio/mpeg”>
您的浏览器不支持音频播放。
</audio>
</div>[/code]

[code].content_player {margin:0 auto;text-align: center;padding:3px;}
.content_player_box {width:90%;height:40px;margin:0 auto;}
.content_player_box audio {width: 100%;height:40px;}[/code]