HTML代码:
<div id="message" style="display:none"></div>
JS代码:
$(function(){
//判断是否是IE浏览器 IE模式不支持audio 换成embed
if(navigator.userAgent.indexOf('MSIE') >= 0){
$('#message').html('<embed src="system.wav" autostart="true"/>');
}else{
//IE9+,Firefox,Chrome均支持
<audio>
$('#message').html('
<audio autoplay="autoplay" id="sound" src="system.wav"></audio>');
</audio>
}
jquery播放和停止使用 jquery为什么需要一个0呢?js操作获得的是audio对象,jquery选择器获得的是jquery对象,0对象的才是对应的节点对象。所以不能直接使用jquery对象去操作。
$("#sound")[0].play(); //播放
$("#sound")[0].pause(); //暂停
JS播放和停止使用
var audioEle = document.getElementById("sound");
audioEle.play(); //播放
audioEle.pause(); //暂停