·您当前的位置:主页 > 技术教程 > Html5技术 >

[微信]iOS苹果和微信中音频和视频实现自动播放的方法

时间:2015-11-21 10:51w3ctech.com
[微信]iOS苹果和微信中音频和视频实现自动播放的方法

[微信]iOS苹果和微信中音频和视频实现自动播放的方法

通过下面的方式可以解决,在iPhone手机微信中正常自动播放。

必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~

可以用iPhone手机在微信中打开这里,查看效果~

  1. <audio preload="preload" controls id="car_audio" src="http://media.xitaoinfo.com/ei_zamenjiehunba.mp3" loop></audio> 
  2. <video id="video" controls="" preload="none" mediagroup="myVideoGroup" poster="http://media.w3.org/2010/05/sintel/poster.png"> 
  3.       <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"> 
  4.       <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm"> 
  5.       <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg"> 
  6.       <p>Your user agent does not support the HTML5 Video element.</p> 
  7. </video> 
  8. <!-- 必须加在微信api资源 --> 
  9. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
  10. <script> 
  11.      //一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以 
  12.      document.getElementById('car_audio').play(); 
  13.     //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 
  14.     document.addEventListener("WeixinJSBridgeReady", function () { 
  15.         document.getElementById('car_audio').play(); 
  16.         document.getElementById('video').play(); 
  17.     }, false); 
  18. </script> 

 [微信]iOS苹果和微信中音频和视频实现自动播放的方法

热门文章推荐

请稍候...
北京快乐八开奖结果
四川时时彩是 体彩大乐透复式72 欢乐斗地主腾讯 浙江11选5怎么买 多乐彩走势图解 青海快3今天开奖 重庆幸运农场投注方法 贵州11选5前3直遗漏数据 26选5投注时间 七乐彩2019004 2014年彩客网彩金券 体彩7星彩18137开奖 中中国竞彩网 安徽11选5唯一 山西快乐十分走势图