.video-js .vjs-big-play-button { width: 1.5em; height: 1.5em; left: 50%; top: 50%; margin-top: -0.75em; border-radius: 50%; margin-left: -0.75em; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time, .vjs-time-divider, .video-js .vjs-duration, .vjs-no-flex .vjs-duration{ display: block; } .video-js .vjs-remaining-time{ display: none; } .video-js .vjs-picture-in-picture-control{ display: none; } .video-js .vjs-time-control.vjs-time-divider{ min-width: 0.5em; padding-left: 0em; padding-right: 0em; } .video-js .vjs-time-control { flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 0.3em; padding-right: 0.3em; text-align:center; } .vjs-poster{ background-position: center top; background-size:cover; } .video-js{ width: 100% !important; height: 100% !important; } .video-js button span{font-size: inherit;} /* video window css start */ .run-mask { background: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; } .run-video-open { left: 50%; top: 50%; margin-left: -400px; margin-top: -225px; position: fixed; width: 800px; height: 450px; z-index: 1001; } .run-video-open .run-open-close { border-radius: 100%; cursor: pointer; width: 70px; height: 70px; position: absolute; right: -45px; text-align: center; top: -50px; z-index: 10000; background: url(./../image/pub-video-btn-close.png) no-repeat center center; background-size: cover; } .run-open-close:hover { background-image: url(./../image/pub-video-btn-close-sel.png); } .run-video-open-main{ width: 100%; height: 100%; } .video-js .vjs-big-play-button{ background: rgba(0,0,0,0.8); border: none; } .video-div, .videoCtn, .video-js{ width: 100%; height: 100%; } .video-js .vjs-big-play-button{ width: 1.5em; height: 1.5em; line-height: 1.5em; } /* video window css end */ @media screen and (max-width: 1250px) { .run-video-open { margin-left: -40vw; margin-top: -22.5vw; width: 80vw; height: 45vw; } } @media screen and (max-width: 900px) { .run-video-open { left:16px; margin-left: 0; margin-top: -22.5vw; /* 为了适配PC页面的滚动条 */ width: calc(100% - 32px); height: calc((100vw - 32px) * 0.5625); } .run-video-open .run-open-close{ width: 35px; height: 35px; top: -24px; right: -19px; } }