chrome浏览器播放背景音乐

以前每次给背景添加音乐时,有时候可以播放,有时候播放不了,当时也没注意,现在注意了一下,当使用谷歌内核浏览器时,用以下代码,背景音乐绝对可以播放:(只是个例子)

html代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>chrome浏览器播放背景音乐</title>
<script src="js/JS.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<audio id="music" controls="controls" style='display:none'>
<source src="img/演员.mp3" type="audio/mpeg">
</audio>
</body>
</html>

JS代码:

window.onload = function(){
var audio = document.getElementById('music');
audio.play();
//audio.pause();
}

样式的话,自己根据自己的喜欢设置就好了。

posted @ 2017-04-28 21:16  爱美的girl  阅读(3475)  评论(1编辑  收藏  举报