最近项目中接入 video.js 框架，在安卓机上 全屏 时， 有声音无画面 。
通过调试，发现在全屏后，video标签 width &height 均为0，
经过查看video.js官网文档，检查播放器实例配置，无误，Google各种方案无果。
果断放弃video自带的全屏方案。
通过修改video标签旋转，按宽高比放大视频至设备屏幕宽高
此时可以实现全屏效果。
但是问题又出现了，手机的20px的 状态条 仍旧在 =_=#
可以结合cordova插件 cordova-plugin-statusbar 插件实现。
【插件地址 传送门】
至此，曲线救国，问题修复。
video.js是基于H5开发的，所以只支持以下三种格式：
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
所以，建议使用格式工厂软件去转换一下格式，转换成MP4格式。
转换步骤：
1.根据文件类型选择文件
2.点击输出设置
3.选择下图格式
大功告成了！
在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="stylesheet" type="text/css"><script src="video.js"></script>设置flash路径，Video.js会在不支持html5的浏览中使用flash播放视频文件<script>videojs.options.flash.swf = "video-js.swf"</script>htmlposter="**"播放初始图。可使用三种视频格式，根据所需要格式选择对应的。<video id="example_video1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}"><source src="http://视频地址格式1.mp4" type='video/mp4' /><source src="http://视频地址格式2.webm" type='video/webm' /><source src="http://视频地址格式3.ogv" type='video/ogg' /><track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --><track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --></video>设置自动播放将下面代码加到html中代码后面<script type="text/javascript">var myPlayer = videojs('example_video1')videojs("example_video1").ready(function(){ var myPlayer = thismyPlayer.play()})</script>
