① H5 video在IOS微信上无法自动播放
一、ios上无法自动播放(autoplay 是失效的)原因:
移动端为了避免浪费用户的流量,默认video是不能够自动播放的,即使加了autoplay属性,也只能实现在PC端自动播放,在移动端依旧不能自动播放。
二、网上探索解决办法:
方法1、网上好多帖子的解决办法是监听微信的WeixinjsBridgeReady
但是我用了后还是没就解决,还是没有自己播放。此方法行不通。
2、利用微信js解决。
首先需要引入
然后
最后,try it ! 竟然成功了,进入页面视频自动播放了,哦耶!此方法可行!
方法二:
引入微信jssdk,<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
此方法也可行!
② 使用原始videojs ,视频在播放过程中,碰到进度条,视频重新播放,安卓出现这个问题,ios暂时没有发现。
:js当点击播放按钮的时候开始计时到5分钟的时候停止播放视频事件弹出框
③ 使用 videojs 播放视频,视频获取失败
<video>标签添加onerror事件处理,<video src="xxx" onerror="loadErrorMessage()"/>
loadErrorMessage需自己实现
④ Video.js无法播放本地视频
把视频放到手机SDCard的video目录中,source改为:file:///sdcard/video/c2.mp4,你是做phonegap+html5的应用么,我现在用Video.js这个专插件,在Android手机上播放属有声音无画面。
⑤ html5写的页面安卓机上能播放视频,ios上不能播放,谁知道怎么解决
标准写法
<videowidth="320"height="240"controls="controls">
<sourcesrc="movie.ogg"type="video/ogg">
<sourcesrc="movie.mp4"type="video/mp4">
.
</video>
source可以放多种格式的视频,不过放mp4格式的视频几乎可以兼容所有视频。
需要注意的是,mp4格式最好用media encoder软件转换一下,输出为iphone、ios、youtube格式的都可以。
⑥ video.js 问题
等待1-2分钟应该是ios把视频全部下载到本地然后才播放的;
有可能是视频的存储导致的,有可能是ios开发的方式导致的。