videoJS IOS 播放视频双进度条问题
**主要解决混合式开发 cordova 中 ios 视频播放 出现 双进度条问题,去掉ios 播放视频自带的控制栏
This.player = videoJs('video',{
sourceOrder: true,
sources: [{
src: videoUrl,
type: 'video/mp4'
}],
controlBar: true,
// 增加当前属性
nativeControlsForTouch: false,
//
width: $('.content').width()
});
如果iso 10版本需要增加css样式
video::-webkit-media-controls,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-panel-container,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-volume-slider-container,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-current-time-display,
video::-webkit-full-page-media::-webkit-media-controls-panel,
video::-webkit-media-controls-timeline-container,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-seek-back-button,
video::-webkit-media-controls-seek-forward-button,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-rewind-button,
video::-webkit-media-controls-return-to-realtime-button,
video::-webkit-media-controls-toggle-closed-captions-button,
video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}