[微信]iOS苹果和微信中音频和视频实现自动播放的方法
[微信]iOS苹果和微信中音频和视频实现自动播放的方法
[微信]iOS苹果和微信中音频和视频实现自动播放的方法
通过下面的方式可以解决,在iPhone手机微信中正常自动播放。
必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~
可以用iPhone手机在微信中打开这里,查看效果~
- <audio preload="preload" controls id="car_audio" src="http://media.xitaoinfo.com/ei_zamenjiehunba.mp3" loop></audio>
- <video id="video" controls="" preload="none" mediagroup="myVideoGroup" poster="http://media.w3.org/2010/05/sintel/poster.png">
- <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
- <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
- <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
- <p>Your user agent does not support the HTML5 Video element.</p>
- </video>
- <!-- 必须加在微信api资源 -->
- <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
- <script>
- //一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以
- document.getElementById('car_audio').play();
- //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
- document.addEventListener("WeixinJSBridgeReady", function () {
- document.getElementById('car_audio').play();
- document.getElementById('video').play();
- }, false);
- </script>
[微信]iOS苹果和微信中音频和视频实现自动播放的方法
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...