ios加载html5 audio标签时遇到的问题分享


本文摘自PHP中文网,作者零下一度,侵删。

html5 audio标签在ios 微信浏览器中是无法自动播放的,最近在做一个小的项目遇到这个问题,安卓和pc都是正常的,唯独ios不行,查阅了很多资料,找到了以下方法,也许不是最好用的方法,如果有更方便的方法,尽请留言:

1

2

3

4

5

6

html部分:

<audio id="audio"><source src="20161012102044_57fd9dfc044cd.mp3"></audio>

<script>

    audio = document.getElementById('audio');

    audio.play();

</script>


js部分:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

// 函数:   

function audioAutoPlay(id)

{

    var audio = document.getElementById(id);

    var play = function() {

        document.removeEventListener("WeixinJSBridgeReady", play);

        document.removeEventListener("YixinJSBridgeReady", play);

        // document.removeEventListener("touchstart", play, false);

        audio.play();

        audio.pause();

        };

    audio.play();

    audio.pause();

    //weixin  document.addEventListener("WeixinJSBridgeReady", play, false);

    //yixin   document.addEventListener('YixinJSBridgeReady', play, false);

    //touch   document.addEventListener("touchstart", play, false);

}

//调用:

audioAutoPlay('audio1');

阅读剩余部分

相关阅读 >>

html5游戏开发引擎-初识createjs的详解(图文)

javascript怎么修改table值

javascript主要由哪些部分组成

html5实现留言和回复的页面样式

html5中五种存储方式的介绍

javascript怎么判断正数还是负数

对tap事件和tap点透原理的分析

html5 placeholder属性的详情介绍

html5对手机页面长按会粘贴复制禁用的解决方法

javascript和jsp有什么区别

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...