Web-Mountain/Awesome Effects/Video.js/styles.css at main · AbdulDevHub/Web-Mountain · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
.video-js {
  width: 800px;
  height: 450px;
}

.vjs-custom-theme .vjs-control-bar {
  background-color: transparent !important;
}

.vjs-custom-theme .vjs-big-play-button {
  opacity: 0 !important;
}

.vjs-custom-theme .vjs-volume-control {
  align-items: center !important;
}

.vjs-custom-theme .vjs-play-progress:before {
  top: -4px !important;
}

.vjs-custom-theme .vjs-fullscreen-control .vjs-icon-placeholder:before {
  line-height: 30px;
}

.vjs-custom-theme button:hover {
  color: #fff;
}

.vjs-custom-theme .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
  background: rgba(255, 255, 255, 0.25);
  height: 1px;
}

.vjs-custom-theme .vjs-progress-control:hover .vjs-play-progress:before {
  top: -7px !important;
}

.vjs-custom-theme .vjs-control-bar {
  height: 54px;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-custom-theme .vjs-volume-panel {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: flex;
  align-items: center;
}

.vjs-custom-theme .vjs-fullscreen-control {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 5;
  order: 5;
}

.vjs-custom-theme .vjs-picture-in-picture-control,
.vjs-custom-theme .vjs-remaining-time {
  display: none;
}

.vjs-custom-theme .vjs-play-control {
  width: 5em !important;
}

.vjs-custom-theme .vjs-play-control .vjs-icon-placeholder::before {
  font-size: 13px;
  letter-spacing: 0.16px;
  content: "Play" !important;
  font-family: sans-serif;
  line-height: 30px;
}

.vjs-custom-theme .vjs-play-control.vjs-playing .vjs-icon-placeholder::before {
  content: "Pause" !important;
  font-family: sans-serif;
}