html5 video标签 在ios 和android 修改 控制条

最近开发的项目，需要在手机端根据地图定位，加载相应的视频，每个定位点有多个视频。jsp页中使用，在竖屏的情况下，一行需要放两视频。这样的话控制条，不会缩放，就显得控制条特别大，样式很难看。于是就去掉 controls="controls"属性。简单测试了下，在苹果5上面，还有华为g7上面都是没问题的，点击视频的时候能正常播放。但是，也有个别的用户反应点击没反应。于是给video标签添加点击事件，点击时候触发播放。问题解决。特此记录，以备忘。