From 495a97e7debd6175fee3dd2b2c74fc4f863d08ee Mon Sep 17 00:00:00 2001 From: ashley Date: Tue, 7 Oct 2025 11:35:54 +0200 Subject: [PATCH] bump version(s) :3 --- css/videojs-v8.16.0.css | 108 ++++++++++++++++++++++++++++++++-------- 1 file changed, 88 insertions(+), 20 deletions(-) diff --git a/css/videojs-v8.16.0.css b/css/videojs-v8.16.0.css index 82ca3fea..41314ec2 100644 --- a/css/videojs-v8.16.0.css +++ b/css/videojs-v8.16.0.css @@ -671,8 +671,8 @@ body.vjs-pip-window .video-js { .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { border-color: #fff; - background-color: #73859f; - background-color: rgba(115, 133, 159, 0.5); + background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); + background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); transition: all 0s; } @@ -780,8 +780,8 @@ body.vjs-pip-window .video-js { .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover { - background-color: #73859f; - background-color: rgba(115, 133, 159, 0.5); + background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); + background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .vjs-menu li.vjs-selected, @@ -1033,7 +1033,8 @@ body.vjs-pip-window .video-js { margin: 0 10px; } -.video-js .vjs-progress-control:hover .vjs-progress-holder { +.video-js .vjs-progress-control:hover .vjs-progress-holder, +.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder { font-size: 1.6666666667em; } @@ -1079,11 +1080,11 @@ body.vjs-pip-window .video-js { } .video-js .vjs-load-progress { - background: rgba(115, 133, 159, 0.5); + background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-load-progress div { - background: rgba(115, 133, 159, 0.75); + background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75); } .video-js .vjs-time-tooltip { @@ -1107,7 +1108,8 @@ body.vjs-pip-window .video-js { } .video-js .vjs-progress-control:hover .vjs-time-tooltip, -.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { +.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, +.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; @@ -1130,7 +1132,12 @@ body.vjs-pip-window .video-js { display: block; } -.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { +.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display { + display: block; +} + +.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, +.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s, opacity 1s; @@ -1154,8 +1161,8 @@ body.vjs-pip-window .video-js { /* Non-prefixed version, currently supported by Chrome and Opera */ -moz-user-select: none; user-select: none; - background-color: #73859f; - background-color: rgba(115, 133, 159, 0.5); + background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); + background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5); } .video-js .vjs-slider.disabled { @@ -1500,6 +1507,10 @@ body.vjs-pip-window .video-js { line-height: 3em; } +.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control { + display: flex; +} + .video-js .vjs-play-control { cursor: pointer; } @@ -1558,6 +1569,14 @@ video::-webkit-media-text-track-display { width: 80% !important; } +@supports not (inset: 10px) { + .video-js .vjs-text-track-display > div { + top: 0; + right: 0; + bottom: 0; + left: 0; + } +} .video-js .vjs-picture-in-picture-control { cursor: pointer; flex: none; @@ -1675,19 +1694,19 @@ video::-webkit-media-text-track-display { } @keyframes vjs-spinner-fade { 0% { - border-top-color: #73859f; + border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 20% { - border-top-color: #73859f; + border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 35% { border-top-color: white; } 60% { - border-top-color: #73859f; + border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } 100% { - border-top-color: #73859f; + border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566); } } .video-js.vjs-audio-only-mode .vjs-captions-button { @@ -1724,14 +1743,14 @@ video::-webkit-media-text-track-display { display: none; } -.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder, +.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -0.1em; } -.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, +.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \f12e"; @@ -1854,7 +1873,7 @@ video::-webkit-media-text-track-display { .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; - background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); + background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); } .vjs-track-settings-controls button:hover { @@ -1863,7 +1882,7 @@ video::-webkit-media-text-track-display { .vjs-track-settings-controls button { background-color: #fff; - background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); + background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%); color: #2B333F; cursor: pointer; border-radius: 2px; @@ -1926,6 +1945,55 @@ video::-webkit-media-text-track-display { .video-js .vjs-skip-backward-30 { cursor: pointer; } +.video-js .vjs-transient-button { + position: absolute; + height: 3em; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(50, 50, 50, 0.5); + cursor: pointer; + opacity: 1; + transition: opacity 1s; +} + +.video-js:not(.vjs-has-started) .vjs-transient-button { + display: none; +} + +.video-js.not-hover .vjs-transient-button:not(.force-display), +.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) { + opacity: 0; +} + +.video-js .vjs-transient-button span { + padding: 0 0.5em; +} + +.video-js .vjs-transient-button.vjs-left { + left: 1em; +} + +.video-js .vjs-transient-button.vjs-right { + right: 1em; +} + +.video-js .vjs-transient-button.vjs-top { + top: 1em; +} + +.video-js .vjs-transient-button.vjs-near-top { + top: 4em; +} + +.video-js .vjs-transient-button.vjs-bottom { + bottom: 4em; +} + +.video-js .vjs-transient-button:hover { + background-color: rgba(50, 50, 50, 0.9); +} + @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; @@ -1947,4 +2015,4 @@ video::-webkit-media-text-track-display { .video-js *:focus:not(:focus-visible) { outline: none; -} +} \ No newline at end of file