ps-tcplayer/src/asset/style.css

Tencent Cloud Player component with Vue2/Vue3 compatibility

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: " ";
    background: url(../img/fullscreen.png) center center no-repeat;
    background-size: 52%;
}
.vjs-control-bar button:hover{
    background: none;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before{
    content: " ";
    background: url(../img/fullscreen-back.png) center center no-repeat;
    background-size: 52%;
}
.tcp-skin .vjs-play-progress{
    background: #cf333e;
}
.tcp-skin .vjs-volume-panel .vjs-volume-level {
    background: #cf333e;
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
    content: " ";
    background: url(/src/img/caption.png) top center no-repeat;
    background-size: 60%;
    width: 48px;
    height: 22px;
    margin-top: 6px;
}