videoJS cordova IOS 播放视频双进度条问题

来源：互联网发布：如何注册公司知乎编辑：程序博客网时间：2024/05/21 10:25

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;}

阅读全文

0 0