实现微信浏览器自动播放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>
时间: 2024-09-30 05:50:20

实现微信浏览器自动播放MP3音乐的相关文章

微信内自动播放audio

http://rawgit.com/ufologist/7c14837db642a6e916ce/raw/9be2c7663f7a99708e88a59f71e6b2cc86bd8ec8/autoplay-audio-ios.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&q

HTML5 audio 微信中自动播放音乐

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> <title>微信中自动播放音乐</ti

手机浏览器自动播放视频video(设置autoplay无效)的解决方案

1.问题的提出 某一天接了个需求,需要在手机的H5页面内加入视频,我开开心心做完,准备交付的时候,问题来了,PM想要用户一进入页面,视频就开始播放,不需要用户手动点击. 2.尝试解决 加autoplay "视频自动播放"这个需求是ok的,那我就在video标签上加个autoplay属性嘛,在PC端浏览器里面试了一下,运行流畅,没有遇到什么问题,但是放在手机浏览器里面打开,就跟没设置autoplay是一样的. 监听canplay 那不行的话,我在页面加载完成的时候,监听video的can

Android命令行播放MP3音乐

/*************************************************************************** * Android命令行播放MP3音乐 * 说明: * 有时候我们会遇到Touch不能使用,也没有鼠标,但是我们要在Android上测试 * 声卡情况,所以我们会想到在adb或者debug终端上使用命令行来播放声音. * * 2016-5-26 深圳 南山平山村 曾剑锋 *************************************

如何在网页中插入自动播放的音乐?使用于任何网页

网站功能不用太多,自己需要的就好了,自己的博客慢慢的完善,一个一个功能的增加,都是自己需要而且实用的,自己动手才会珍惜! 这音乐的功能很简单,一段代码而已: <audio controls autoplay="autoplay" loop="loop"> <source src="http://lykezhan.com/test.mp3" type="audio/mpeg" />   如果不播放,说明你

iOS下Audio自动播放(Autoplay)音乐

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD

苹果手机audio标签微信实现自动播放

Html5的audio 音频在电脑端和android端都可以实现自动播放,必须放在一个点击事件里面,audio.play才起作用,在iphone上无法实现,以下是实现方法: <audio id="media" src="images/a.mp3" autoplay="" preload=""> document.addEventListener("WeixinJSBridgeReady", fu

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

html代码: <audio src="music/music.mp3" id="song" autoplay="autoplay" > jquery代码: function audioAutoPlay(id){ var audio = document.getElementById(id); audio.play(); document.addEventListener("WeixinJSBridgeReady"

优酷视频不能在微信浏览器不能播放的解决办法

最近写了一个页面,微信html5 分享页面,里面有四个优酷视频,同时在一个页面上. 假如直接用优酷官方的嵌入方法,会有不同手机加载不了的情况. 比如说魅族3播放不了,Nexus 5播放可以,iPhone 4 播放不了,iPhone 4s 又可以播放. 经历了无数失败之后,找到了终极的解决方法:直接用优酷隐藏的MP4 链接. 用火狐浏览器点击优酷视频,抓取隐藏的MP4格式链接. 然后直接在页面上写上html 5的video标签,完美解决!