<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div>
<button style="height: 20px;width: 50px;" onclick="playAudio()">播放</button>
</div>
<script>
//setInterval(playAudio, 5000); function playAudio() {
if (!!window.ActiveXObject || "ActiveXObject" in window){
console.log("The browser is IE!");
$('embed').remove();
$('body').append('<embed src="../../audio/prompt-tone.mp3" autostart="true" height="0" width="0" hidden="true" loop="false">');
/* $('body').append('<embed src="../../audio/video.mp4" autostart="true" hidden="false" loop="false">'); */
}else{
console.log("The browser is not IE!");
$('#embed').remove();
$('body').append('<iframe id="embed" src="../../audio/prompt-tone.mp3" autostart="true" height="0" width="0" hidden="false" loop="false"></iframe>');
}
}
</script>
</body>
</html>
实际使用过程中发现chrome不支持embed标签,火狐和IE均支持，这里在谷歌和火狐下使用iframe代替了embed，在IE下仍使用iframe