实现微信浏览器自动播放MP3音乐

Posted 玻璃外的风景

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现微信浏览器自动播放MP3音乐相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>MP3</title>
        <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
    </head>
    <body>
        <div style="overflow: hidden;">
            <audio src="http://oj1hxt5z0.bkt.clouddn.com/123.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></audio>
        </div>
        <script type="text/javascript">
            function audioAutoPlay(id){
                var audio = document.getElementById(id);
                audio.play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    audio.play();
                }, false);
                document.addEventListener(‘YixinJSBridgeReady‘, function() {
                    audio.play();
                }, false);
            }
        audioAutoPlay(‘Jaudio‘);
        </script>
    </body>
</html>

 

以上是关于实现微信浏览器自动播放MP3音乐的主要内容，如果未能解决你的问题，请参考以下文章

微信h5，背景音乐自动播放

微信浏览器实现音乐自动播放

网页中怎么写自动播放mp3音乐的代码

苹果手机微信浏览器H5播放器无法打开即播放音乐解决方案

微信小程序音乐播放器怎么使用网页音乐

背景音乐自动播放，兼容ios