html5手机音乐,html5音乐播放器

安卓手机上html5页面播放音乐为何只能播放一次？

1、好像是浏览器兼容性的问题。用js创建audio对象的形式成功实现了点击再次播放。

2、检测ended属性，根据currenttime还有durration，等它播放完之后又重新播放。

相关问答

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

直接用audio标签啊，就能实现。只是自动播放的话，为了兼容浏览器和手机类型，需要另外写js

Q2: html上的背景音乐在手机上不自动播放

首先，手机是不会自动播放的。而你又有isplay的0和1两个值，看你的代码0应该是暂停，你初始设置的应该是1，所以初始的时候不自动播放，但是是1，你点击一次就变成了0，结果暂停，需要再点击一次变成1才能自动播放。

希望对你有所帮助。望采纳！

Q3: 为什么苹果手机为什么不能播放html5播放音乐？

HTML5的Audio标签，目前的主流浏览器都支持，只不过各种浏览器对音频的支持的格式不同，当前，audio 元素支持三种音频格式：

IE 9                支持  MP3

Firefox 3.5     支持  Ogg Vorbis、Wav

Opera 10.5    支持  Ogg Vorbis、Wav

Chrome 3.0   支持  Ogg Vorbis、MP3

Safari 3.0       支持  MP3、Wav

html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。

各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。虽然苹果公司是出于好心，但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐，那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢？

冥思苦想了很久，终于做了一个艰难的决定。于是乎就这样尝试了一下：

$(function(){

$("#audio")[0].play(); 

})

没想到竟然好用！！！

全部的代码是这样

html

head

script src="js/jquery.js"/script

/head

body

audio id="audio" src="song.mp3" autoplay="autoplay"

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

/audio

$(function(){

$("#audio")[0].play();

})

/body

/html

Q4: html5 手机网页中播放系统音乐或者本地已经下载的音乐？

题主的意思是要html5扫描你的手机内存，这个好像不行哦。

你只能事先写好音乐路径才行吧。

这个说到底还是手机专用语言比较好实现，Web的东西都依托于服务器，而js的功能又有限。

Q5: html5 audio 标签autoplay="autoplay"在手机预览网页无法自动播放背景音乐

为了防止不必要的自动播放浪费流量，手机网页访问带有audio的页面是不会自动播放的。

Safari屏蔽了autoplay，必须由用户交互事件触发，因为autoplay在移动网络环境下可能会造成用户流量费剧增

Android的我不清楚，下面是引自Safari Reference

In Safari on iPhone OS (for all devices, including iPad), where the

user may be on a cellular network and be charged per data unit,

autobuffering and autoplay are disabled. No data is loaded until the

user initiates it. This means the JavaScript play() and load() methods

are also inactive until the user initiates playback, unless the play()

method is triggered by user action.