html5--移动端视频video的android兼容,去除播放控件、全屏等( 四 )


补充--播放控制
关于控制 , 这里仅补充一点吧 , 就是当第一次播放视频的时候ios端 , 如果网络慢 , 视频从开始播到能展现画面会有短暂的黑屏(处理视频源数据的时间) , 为了避免这个黑屏 , 可以在视频上加个div浮层(可以一个假的视频第一帧) , 然后用方法监听 , 视屏播放及有画面的时候再移除浮层
video.addEventListener('timeupdate',function (){//当视频的currentTime大于0.1时表示黑屏时间已过 , 已有视频画面 , 可以移除浮层(.pagestart的div元素)if ( !video.isPlayed && this.currentTime>0.1 ){$('.pagestart').fadeOut(500);video.isPlayed = !0;}})
补充--隐藏播放控件
据说腾讯的团队的x5内核团队放开了视频播放的限制 , 视频不一定调用它们那个备受诟病的视频播放器了 , x5-video--type="h5"属性这个属性好像就有点那个意思 , 虽然体验还是有点...(导航栏也会清理)但至少播放器控件没有了 , 上层可以浮div或者其他元素了 , 这个还是值得一提 。
还有一点值得说的是 , 带播放器控件的隐藏 ,