代码如下 将其修改为自动播放 顺带去掉播放按钮键 并且循环播放
<!DOCTYPE html>
<html>
<head>
<title>音乐播放器</title>
</head>
<body>
<button id="bf" onclick="play()">播放</button>
<button id="zt" onclick="pause()">暂停</button>
</body>
</html>
代码如下 将其修改为自动播放 顺带去掉播放按钮键 并且循环播放
<!DOCTYPE html>
<html>
<head>
<title>音乐播放器</title>
</head>
<body>
<button id="bf" onclick="play()">播放</button>
<button id="zt" onclick="pause()">暂停</button>
</body>
</html>
因为一些安全限制,移动端上面的音频无法像在PC上一样执行自动播放代码。
解决方法是给移动端增加一个交互(触屏)事件。
audio.addEventListener("canplaythrough", function({
//音频可流畅播放时,播放;PC上可以,移动端不行。
audio.play();
document.addEventListener('touchstart',function(){
//增加一个touchstart交互事件,触屏后播放音乐
audio.play();
//播放音频后移除touchstart事件的当前匿名函数
document.removeEventListener('touchstart',arguments.callee,false);}, false);
});
这样移动端就和PC表现一致。
4 回答1.7k 阅读✓ 已解决
3 回答2.1k 阅读
2 回答1k 阅读✓ 已解决
4 回答990 阅读
2 回答2k 阅读
2.6k 阅读
1 回答955 阅读✓ 已解决
直接在H5中使用
audio
标签,里面就自动播放的属性。