@xiaoyexiang/videojs-resolution-switcher-v7
Version:
videojs@7 videojs-resolution-switcher 切换清晰度
52 lines (47 loc) • 1.04 kB
CSS
.vjs-resolution-button {
color: #ccc;
font-family: VideoJS;
}
.vjs-resolution-button > .vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-resolution-button .vjs-resolution-button-staticlabel {
pointer-events: none;
font-size: 1.5em;
line-height: 3.5;
text-align: center;
}
/* .vjs-resolution-button .vjs-resolution-button-staticlabel:before {
content: '\f110';
font-size: 1.8em;
line-height: 1.67;
} */
.vjs-resolution-button .vjs-resolution-button-label {
pointer-events: none;
font-size: 1.5em;
line-height: 3.5;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
box-sizing: inherit;
font-family: Arial, Helvetica, sans-serif;
}
.vjs-resolution-button ul.vjs-menu-content {
width: 4em ;
}
.vjs-resolution-button .vjs-menu {
left: 0;
bottom: 2em;
}
.vjs-resolution-button .vjs-menu li {
text-transform: none;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}