aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
Diffstat (limited to 'client')
-rw-r--r--client/src/assets/player/peertube-videojs-plugin.ts2
-rw-r--r--client/src/sass/video-js-custom.scss31
2 files changed, 32 insertions, 1 deletions
diff --git a/client/src/assets/player/peertube-videojs-plugin.ts b/client/src/assets/player/peertube-videojs-plugin.ts
index 8c131c9e9..ca2b9a724 100644
--- a/client/src/assets/player/peertube-videojs-plugin.ts
+++ b/client/src/assets/player/peertube-videojs-plugin.ts
@@ -263,7 +263,7 @@ const peertubePlugin = function (options: PeertubePluginOptions) {
263 const isPaused = player.paused() 263 const isPaused = player.paused()
264 264
265 // Hide bigPlayButton 265 // Hide bigPlayButton
266 if (!isPaused && this.player_.options_.bigPlayButton) { 266 if (!isPaused) {
267 this.player_.bigPlayButton.hide() 267 this.player_.bigPlayButton.hide()
268 } 268 }
269 269
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index b093bbdec..724874995 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -39,6 +39,25 @@ $control-bar-height: 34px;
39 background-color: transparent !important; 39 background-color: transparent !important;
40 } 40 }
41 41
42 &.vjs-has-started .vjs-big-play-button {
43 display: block;
44 visibility: hidden;
45 opacity: 0;
46 transition: visibility 0.5s, opacity 0.5s;
47 }
48
49 .vjs-loading-spinner {
50 display: block;
51 visibility: hidden;
52 opacity: 0;
53 }
54
55 &.vjs-waiting .vjs-loading-spinner {
56 visibility: visible;
57 opacity: 1;
58 transition: visibility 0.5s, opacity 0.5s;
59 }
60
42 .vjs-control-bar, 61 .vjs-control-bar,
43 .vjs-big-play-button, 62 .vjs-big-play-button,
44 .vjs-menu-button .vjs-menu-content { 63 .vjs-menu-button .vjs-menu-content {
@@ -308,6 +327,10 @@ $control-bar-height: 34px;
308 } 327 }
309 328
310 @media screen and (max-width: 550px) { 329 @media screen and (max-width: 550px) {
330 .vjs-big-play-button {
331 font-size: 6.5em;
332 }
333
311 .vjs-webtorrent { 334 .vjs-webtorrent {
312 padding: 0 !important; 335 padding: 0 !important;
313 336
@@ -318,6 +341,14 @@ $control-bar-height: 34px;
318 } 341 }
319 342
320 @media screen and (max-width: 300px) { 343 @media screen and (max-width: 300px) {
344 .vjs-dock-text {
345 font-size: 1.5em;
346 }
347
348 .vjs-big-play-button {
349 font-size: 5em;
350 }
351
321 .vjs-volume-control { 352 .vjs-volume-control {
322 display: none !important; 353 display: none !important;
323 } 354 }