安卓苹果网页访问自动播放音乐的代码

发布于
2015-07-31

代码如下将其修改为自动播放顺带去掉播放按钮键并且循环播放
<!DOCTYPE html>
<html>
<head>

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

</head>
<body>

<button id="bf" onclick="play()">播放</button>
<button id="zt" onclick="pause()">暂停</button>

</body>
</html>

html 源代码微信 web

阅读 7.4k

2 个回答

得票最新

司马老牛

4772811

发布于
2015-08-04

✓ 已被采纳

直接在H5中使用audio标签，里面就自动播放的属性。

2bit

发布于
2017-06-20

新手上路，请多包涵

因为一些安全限制，移动端上面的音频无法像在PC上一样执行自动播放代码。

解决方法是给移动端增加一个交互（触屏）事件。

audio.addEventListener("canplaythrough", function({

  //音频可流畅播放时，播放；PC上可以，移动端不行。
  audio.play();
  document.addEventListener('touchstart',function(){

    //增加一个touchstart交互事件，触屏后播放音乐
    audio.play();
    //播放音频后移除touchstart事件的当前匿名函数
     document.removeEventListener('touchstart',arguments.callee,false);}, false);

});

这样移动端就和PC表现一致。

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

安卓苹果网页访问自动播放音乐的代码

你尚未登录，登录后可以

微信服务号菜单项可以直接获取用户openId吗？

js阻止冒泡问题？

Scss的rgba()方法无法对变量进行二次编译？

问一个鼠标滚动事件，这种是怎么实现的？

后端获取的html标签页面如何正常显示？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

我可以随时获取微信小程序用户是否接受订阅消息的设置吗？