HTML5用什么代码能让背景音乐在手机上播放?

html-css019

HTML5用什么代码能让背景音乐在手机上播放?,第1张

IOS不允许自动播放背景音乐。android的话javascript可以使用<audio>标签,然后在下方增加一段该标签的play()动作。例如<audio id="bgaudio"src="sound.wav"></audio><script type="text/javascript">document.getElementById('bgaudio').play()</script>

提供一个最简单的HTML5音乐播放器代码。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Html5 音乐播放</title>

</head>

<body>

<center>

<audio autoplay="autoplay" controls="controls" src="www.xxx.com/111.mp3" />

你的浏览器不支持audio标签。

</audio>

</center>

</body>

</html>

【注意】

音乐的位置,可以放在服务器上,或者虚拟主机上。比如上面例子中的www.xxx.com/111.mp3  就是指xxx域名根目录下的mp3文件。

如果上传了MP3,还没能正常播放,有可能需要给服务器增加MP3的MIME类型。正常情况下,服务器或者空间都是配置好的。

纯手打,望采纳。

可以使用html5的audio标签来添加音乐播放器

<audio controls>

type:指定文件类型  

<source src="horse.ogg" type="audio/ogg">

   <source src="horse.mp3" type="audio/mpeg">

</audio>

对应的参数属性如下图: