java ee添加背景音乐_HTML5如何实现背景音乐控制播放/暂停

本篇教程探讨了HTML5如何实现背景音乐控制播放/暂停，希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

测试页面

function bofang(){

var audio = document.getElementById(‘music1‘);

if(audio!==null){//判断是否获得

if(audio.paused){//获得播放状态,这个属性应该是是否是暂停状态,如果是就播放,如果不是暂停就暂停

audio.play();

}else{

audio.pause();

}

}

}

audio标签的属性解释

autoplay属性名

autoplay值

如果出现该属性，则音频在就绪后马上播放。

controls

controls

如果出现该属性，则向用户显示控件，比如播放按钮。

loop

loop

如果出现该属性，则每当音频结束时重新开始播放。

preload

preload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src

url

要播放的音频的 URL。

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！