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

混合开发 同时被 3 个专栏收录
4 篇文章 0 订阅
3 篇文章 0 订阅
2 篇文章 0 订阅

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;
}
  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值