angular 视频播放

[pengkobe]

之前在 ionic 应用中使用原生的 video 标签有可能出现闪退，于是选择更稳定的播放器插件 videogular2: https://github.com/videogular/videogular2

问题:

• 在 Android 手机浏览器上无法自动播放，直接使用点击控件触发是可以的。
  • 有人建议直接结合使用 autoplay 和 muted 进行使用，实际上没效果
  • 有人建议把 autoplay 换成 autoplay="true"，实际上没效果
  • 有人建议模拟点击事件，触发 vedio,play()，实际上也是没效果的
• ionic 可以直接基于插件 cordova-webview-setting 开启 h5 video 自动播放， 代码片段可以看这个: https://gist.github.com/blairvanderhoof/9380545
  • 在部分机型上，无法循环播放
  • 无法解决大屏 android 闪退的问题，问题是，ionic1.x 是可以完美播放的

参考

• How to autoplay HTML5 mp4 video on Android?
• http://www.xyhtml5.com/3252.html
• https://www.jianshu.com/p/d9e9a40fdedc

[pengkobe]

关于闪退问题

事实上 ionic1.x 的脚手架也是无法在我们的大屏上直接播放视频的，从而将 bug 的排查范围缩到了插件上，但是无法确定哪些插件影响的，采用二分法慢慢接近答案，最终发现是 cordova-plugin-background-mode 导致的问题，也就是说，要在大屏上运行视频，还就得装上这个插件。