fastadmin中的audio标签

实现效果：

在fastadmin中，如果我们想使用audio标签，通过大量测试发现是不显示audio标签的，那我们该怎么显示音频呢？答案是通过视频标签video来显示音频

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Speechmp3')}:</label>
        <div class="col-xs-12 col-sm-8">
            <video controls="" name="media" style="height: 50px;width: 100%" id="music">
                <source src="{$row.speechmp3}" type="audio/mpeg">
            </video>
        </div>
    </div>

避坑：
①type属性问题：source标签的type属性一定要是和小编一样格式，不然也会导致显示不出来音频。
②height问题：关于显示在页面上的大小问题：可以在style属性中设置宽高，宽度可以设置为百分数的形式，这个没问题，但是高度却不可以设置为百分数的形式，通过小编自己实践发现，不管height的值为百分之几，显示出来的高度都没有变化，所以高度小编这里建议用像素px表示。
③volume属性问题：学的深的小伙伴们可能知道，如果想设置音频或视频的初始音量大小，可以在video标签中加上volume属性，取值范围是0~1，1代表音量最大。但是在小编的实践中发现，直接在video标签中设置volume属性，页面中的音频初始音量还是 1（最大音量），解决办法就是在js中设置video中的volume属性的值。附上js代码如下：

<script>
    window.onload=function(){
    
    
        document.getElementById("music").volume = 0.5;
    }
</script>