在IE中不支持播放audio标签,解决办法
判断是否为IE浏览器,如果是,则使用embed标签
this.state = {
borswerIE: false,
audioSrc: '',
}
componentWillMount() {
const borswer = window.navigator.userAgent.toLowerCase();
// 判断 是否为IE浏览器内核
if(borswer.indexOf("trident") >= 0) {
this.setState({
borswerIE: true
})
}
}
render() {
return (
<div className="compare-content">
<div className="audioBox">
<audio className={this.state.borswerIE ? 'audioPlayer' : ''} src={this.state.audioSrc} controls>您的浏览器不支持 audio 标签。</audio>
<embed className={this.state.borswerIE ? '' : 'audioPlayer'} src={this.state.audioSrc} controls></embed>
</div>
</div>
)
}
/*css*/
.audioPlayer {
display:none;
}