H5-video1 iOS苹果和微信中音频和视频实现自动播放的方法
2018-01-09 17:00
1376 查看
通过下面的方式可以解决,在iPhone手机微信中正常自动播放。
必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~
<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>
相关文章推荐
- 关于微信H5自动播放视频-canvas实现逐帧动画效果加音频
- iOS 微信 音频 视频自动播放
- ios微信h5音频audio无法自动播放问
- 苹果IOS微信浏览器下自动播放音频问题+jquery click点击闪屏的问题
- ios及微信中,音视频无法自动播放的解决方法
- iOS开发中音频视频播放的简单实现方法
- 解决苹果手机微信音频和视频不能自动播放问题
- iOS 微信 音频 视频自动播放
- 微信H5同层播放器以及视频自动播放
- iOS开发小技巧--利用苹果官方API播放视频(方法已经过时,了解一下)
- Krpano学习:krpano调用javascript方法并传参、在krpano中用javascript实现视频音频播放
- 安卓,ios,ios微信, 自动播放音频;
- 微信端用原生代码实现视频播放(苹果手机与安卓手机有点差异)
- iOS autolayout进阶教程,实现视频播放时,横竖屏的自动切换-适配iOS8 sizeClass 和之前的版本
- iOS中 MPMoviePlayer 实现视频音频播放 作者:韩俊强
- iOS 调用h5页面 视频不自动播放的问题
- iOS中 MPMoviePlayer 实现视频音频播放 作者:韩俊强
- krpano调用js方法并传参、在krpano中用JS实现视频音频播放
- IOS自动播放音频/视频