html5微信浏览器背景音乐播放

最新推荐文章于 2022-01-11 17:46:35 发布

淘宝新蔷程序员特训营,快速学会开发项目

最新推荐文章于 2022-01-11 17:46:35 发布

阅读量430

点赞数

分类专栏： javascript 微信

本文链接：https://blog.csdn.net/ycs_0405/article/details/112171633

版权

javascript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

微信

6 篇文章 0 订阅

订阅专栏

参考：https://blog.csdn.net/doutao6677/article/details/51768486

<!DOCTYPE html>
<html>
<head lang= "en" >
     <meta charset= "UTF-8" >
     <title>Audio auto play  in  mobile</title>
     <script src= "jquery-1.10.2.min.js" ></script>
</head>
<body>
     <audio preload= "preload"  id= "car_audio"  src= "music.mp3"  loop= "" ></audio>
<script>
     setTimeout( function (){
         $(window).scrollTop(1);
     },0);
 
     /*音乐*/
  var  audio = $( '#car_audio' );
     var  isPlaying =  false ;
     function  playAudio() {
         var  audio = $( '#car_audio' );
         if  (audio.attr( 'src' ) == undefined) {
             audio.attr( 'src' , audio.data( 'src' ));
         }
         audio[0].play();
         isPlaying =  true ;
     }
     $( function (){
         playAudio();
         document.addEventListener( "WeixinJSBridgeReady" ,  function  () {
             WeixinJSBridge.invoke( 'getNetworkType' , {},  function  (e) {
                 network = e.err_msg.split( ":" )[1];   //结果在这里
  playAudio();
             });
         },  false );
     })
</script>
</body>
</html>

淘宝新蔷程序员特训营,快速学会开发项目

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html5微信浏览器背景音乐播放

参考：https://blog.csdn.net/doutao6677/article/details/51768486<!DOCTYPE html><html><head lang= "en" > <meta charset= "UTF-8" > <title>Audio auto play in mobile</title> <script src= "jquery-1.10.2.m
复制链接

扫一扫