<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#audio::-webkit-media-controls-panel{
height: 86px !important;
}
</style>
</head>
<body>
<div style="
background: #f1f3f4;
display: inline-block;
border-radius: 30px;
">
<audio controls="" style="
height: 20px;
margin-top: 3px;
">
<source src="/statics/demosource/horse.ogg" type="audio/ogg">
<source src="/statics/demosource/horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<script type="text/javascript" charset="utf-8">
var audio = document.getElementsByTagName("audio")[0];
if(navigator.userAgent.indexOf("QQBrowser") >=0){
audio.setAttribute("id","audio")
}else{
audio.removeAttribute("id")
}
</script>
</div>
</body>
</html>
语音条标签在QQ浏览器无法添加高度
最新推荐文章于 2024-07-06 09:55:36 发布