码迷,mamicode.com
首页 > 其他好文 > 详细

chrome浏览器播放背景音乐

时间:2017-04-28 22:13:50      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:win   背景音乐   使用   自己   img   chrome浏览器   body   meta   on()   

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

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();
}

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

chrome浏览器播放背景音乐

标签:win   背景音乐   使用   自己   img   chrome浏览器   body   meta   on()   

原文地址:http://www.cnblogs.com/wilful/p/6783344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!