/*修改视频播放器start*/ .video-js { /* 给.video-js设置字体大小以统一各浏览器样式表现,因为video.js采用的是em单位 */ font-size: 14px; } .video-js button { outline: none; } /* 中间的播放箭头 */ .vjs-big-play-button .vjs-icon-placeholder { font-size: 1.63em; } .video-js .vjs-big-play-button { /* 中间大的播放按钮 */ font-size: 2.5em; line-height: 2.3em; height: 2.5em; width: 2.5em; -webkit-border-radius: 2.5em; -moz-border-radius: 2.5em; border-radius: 2.5em; background-color: rgba(115, 133, 159, .5); border-width: 0.12em; margin-top: -1.25em; margin-left: -1.75em; } .video-js.vjs-paused .vjs-big-play-button { /* 视频暂停时显示播放按钮 */ display: block; } .video-js.vjs-error .vjs-big-play-button { /* 视频加载出错时隐藏播放按钮 */ display: none; } /* 加载圆圈 */ .vjs-loading-spinner { font-size: 2.5em; width: 2em; height: 2em; border-radius: 1em; margin-top: -1em; margin-left: -1.5em; } /*点击屏幕播放/暂停*/ .video-js.vjs-playing .vjs-tech { pointer-events: auto; } /*播放时间、总时间显示*/ .video-js .vjs-duration, .video-js .vjs-current-time { display: block !important; } .video-js .vjs-current-time .vjs-current-time-display, .video-js .vjs-duration .vjs-duration-display { font-size: 14px !important; } /* 进度条背景色 */ .video-js .vjs-play-progress { color: #ffb845; background-color: #ffb845; } .video-js .vjs-progress-control .vjs-mouse-display { background-color: #ffb845; } .vjs-mouse-display .vjs-time-tooltip { padding-bottom: 6px; background-color: #ffb845; } .video-js .vjs-play-progress .vjs-time-tooltip { display: none !important; } /*进度显示当前播放时间*/ .video-js .vjs-time-control { display: block; } .video-js .vjs-remaining-time { display: none; } /*修改视频播放器的end*/