如何实现HTML5页面音视频在微信和app下自动播放


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

function autoPlayMusic() {  

    /* 自动播放音乐效果,解决浏览器或者APP自动播放问题 */  

    function musicInBrowserHandler() {  

        musicPlay(true);  

        document.body.removeEventListener('touchstart', musicInBrowserHandler);  

    }  

    document.body.addEventListener('touchstart', musicInBrowserHandler);  

    /* 自动播放音乐效果,解决微信自动播放问题 */  

    function musicInWeixinHandler() {  

        musicPlay(true);  

        document.addEventListener("WeixinJSBridgeReady", function () {  

            musicPlay(true);  

        }, false);  

        document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);  

    }  

    document.addEventListener('DOMContentLoaded', musicInWeixinHandler);  

}  

function musicPlay(isPlay) {  

    var media = document.getElementById('myMusic');  

    if (isPlay && media.paused) {  

        media.play();  

    }  

    if (!isPlay && !media.paused) {  

        media.pause();  

    }  

}

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

如何利用HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码的功能

HTML5实现使用按钮控制背景音乐开关的方法

以上就是如何实现HTML5页面音视频在微信和app下自动播放的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

如何实现html5页面音视频在微信和app下自动播放

更多相关阅读请进入《h5页面视频自动播放》频道 >>




打赏

取消

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

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

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

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

评论

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

    暂无评论...