问题：

直接通过video播放视频时，iOS会自动全屏。Android上浏览器正常，但Android中QQ、weichat内嵌浏览器自动全屏。

需求：

video播放视频时能够自动播放且不全屏，需适配大部分机型

探索过程：

1、使用内联播放属性：webkit-playsinline、playsinline
解决了iOS上视频自动全屏问题，但是这个属性在Android中的qq和wechat上无效
原因：内联属性，需要嵌入网页的APP比如 WeChat中UIwebview 的allowsInlineMediaPlayback = YES webview.allowsInlineMediaPlayback = YES，才能生效

2、使用canvas播放video
在iOS上video不能自动播放，是要求必须有用户的真实操作来触发播放。并且在微信内置浏览器中会出现白屏问题，可能是由于微信禁止canvas的自动drawImage绘制
解决方法：添加预览图

解决方案：

通过canvas绘制video，并添加预览图
注意：外部需要添加video.mp4和preview.png资源

      demo

更多相关文章

  1. Android(安卓)浏览器的研究---启动（一）
  2. 我在SD2.0大会上的视频教程
  3. android修改桌面底端快捷图片为Settings
  4. 在Android上使用FFmpeg压缩视频
  5. android开发老罗教学视频
  6. 【Android】 从头搭建视频播放器（3）——手势检测 & 控制
  7. Android的视频通话的Java代码
  8. Android中直播视频技术探究之---视频直播服务端环境搭建(Nginx+R
  9. 【视频】 安卓渗透课程收集整理

随机推荐

  1. 【.9.img】Android设计中的.9.png
  2. 百度云推送、极光推送等云推送服务搜罗点
  3. android studio引入最新版银联支付功能
  4. android事件分发（二）
  5. Android(安卓)添加新的键值，自定义按键
  6. Windows phone开发初体验之(四)-处理Wind
  7. Android的国际化语言适配(系统语言适配+A
  8. android 线程消息处理【之消息处理中再处
  9. Android(安卓)调试桥|adb命令卸载系统软
  10. 【android studio】安卓中修改每个每个活