Feat videojs update (#519)

update video.js to 7.20.2
This commit is contained in:
Markos Gogoulos 2022-09-07 12:33:11 +03:00 committed by GitHub
parent 34c1a4e33e
commit de5bd07a90
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
34 changed files with 143011 additions and 23889 deletions

View File

@ -20,11 +20,11 @@ const formatPage = (page) => {
? templates.renderPageContent({ page: { id: pageContentId, component: page.component } }) ? templates.renderPageContent({ page: { id: pageContentId, component: page.component } })
: undefined; : undefined;
const headLinks = [ const headLinks = [
{ rel: 'preload', href: './static/lib/video-js/7.7.5/video.min.js', as: 'script' }, { rel: 'preload', href: './static/lib/video-js/7.20.2/video.min.js', as: 'script' },
...(page.headLinks ? page.headLinks : []), ...(page.headLinks ? page.headLinks : []),
]; ];
const bodyScripts = [ const bodyScripts = [
{ src: './static/lib/video-js/7.7.5/video.min.js' }, { src: './static/lib/video-js/7.20.2/video.min.js' },
...(page.bodyScripts ? page.bodyScripts : []), ...(page.bodyScripts ? page.bodyScripts : []),
]; ];

View File

@ -1091,7 +1091,6 @@
"version": "7.14.6", "version": "7.14.6",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.6.tgz", "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.6.tgz",
"integrity": "sha512-/PCB2uJ7oM44tz8YhC4Z/6PeOKXp4K588f+5M3clr1M4zbqztlo0XEfJ2LEzj/FgwfgGcIdl8n7YYjTCI0BYwg==", "integrity": "sha512-/PCB2uJ7oM44tz8YhC4Z/6PeOKXp4K588f+5M3clr1M4zbqztlo0XEfJ2LEzj/FgwfgGcIdl8n7YYjTCI0BYwg==",
"dev": true,
"requires": { "requires": {
"regenerator-runtime": "^0.13.4" "regenerator-runtime": "^0.13.4"
} }
@ -5154,6 +5153,14 @@
"ipaddr.js": "^1.9.0" "ipaddr.js": "^1.9.0"
} }
}, },
"invariant": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
"requires": {
"loose-envify": "^1.0.0"
}
},
"ip": { "ip": {
"version": "1.1.5", "version": "1.1.5",
"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
@ -7664,7 +7671,6 @@
"version": "15.7.2", "version": "15.7.2",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==", "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
"dev": true,
"requires": { "requires": {
"loose-envify": "^1.4.0", "loose-envify": "^1.4.0",
"object-assign": "^4.1.1", "object-assign": "^4.1.1",
@ -7841,8 +7847,28 @@
"react-is": { "react-is": {
"version": "16.13.1", "version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
"dev": true },
"react-mentions": {
"version": "4.4.7",
"resolved": "https://registry.npmjs.org/react-mentions/-/react-mentions-4.4.7.tgz",
"integrity": "sha512-VNriu2h/uOB+RS0mwZgPG2Vf+UtdDvRh5zbXa2TNc1WqacKuNDgTdhlbo9LEOZRBxRzIeTUYQmYJ7p9M9rDHqQ==",
"requires": {
"@babel/runtime": "7.4.5",
"invariant": "^2.2.4",
"prop-types": "^15.5.8",
"substyle": "^9.1.0"
},
"dependencies": {
"@babel/runtime": {
"version": "7.4.5",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.4.5.tgz",
"integrity": "sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==",
"requires": {
"regenerator-runtime": "^0.13.2"
}
}
}
}, },
"read-cache": { "read-cache": {
"version": "1.0.0", "version": "1.0.0",
@ -7956,8 +7982,7 @@
"regenerator-runtime": { "regenerator-runtime": {
"version": "0.13.7", "version": "0.13.7",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz",
"integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew==", "integrity": "sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew=="
"dev": true
}, },
"regenerator-transform": { "regenerator-transform": {
"version": "0.14.5", "version": "0.14.5",
@ -9233,6 +9258,15 @@
"postcss-selector-parser": "^6.0.4" "postcss-selector-parser": "^6.0.4"
} }
}, },
"substyle": {
"version": "9.4.1",
"resolved": "https://registry.npmjs.org/substyle/-/substyle-9.4.1.tgz",
"integrity": "sha512-VOngeq/W1/UkxiGzeqVvDbGDPM8XgUyJVWjrqeh+GgKqspEPiLYndK+XRcsKUHM5Muz/++1ctJ1QCF/OqRiKWA==",
"requires": {
"@babel/runtime": "^7.3.4",
"invariant": "^2.2.4"
}
},
"supports-color": { "supports-color": {
"version": "5.5.0", "version": "5.5.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",

View File

@ -1,5 +1,5 @@
@use "sass:math"; @use "sass:math";
@import '../../../lib/video-js/7.7.5/video-js.min.css'; @import '../../../lib/video-js/7.20.2/video-js.min.css';
@import '../../../css/includes/_variables.scss'; @import '../../../css/includes/_variables.scss';
@keyframes up-next-circle-countdown { @keyframes up-next-circle-countdown {

View File

@ -379,21 +379,38 @@
.video-js.vjs-fluid, .video-js.vjs-fluid,
.video-js.vjs-16-9, .video-js.vjs-16-9,
.video-js.vjs-4-3 { .video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
height: 0; height: 0;
} }
.video-js.vjs-16-9 { .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%; padding-top: 56.25%;
} }
.video-js.vjs-4-3 { .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%; padding-top: 75%;
} }
.video-js.vjs-fill { .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -406,6 +423,10 @@
height: 100%; height: 100%;
} }
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window { body.vjs-full-window {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -422,7 +443,7 @@ body.vjs-full-window {
right: 0; right: 0;
} }
.video-js.vjs-fullscreen { .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
padding-top: 0 !important; padding-top: 0 !important;
@ -451,8 +472,8 @@ body.vjs-full-window {
.vjs-lock-showing { .vjs-lock-showing {
display: block !important; display: block !important;
opacity: 1; opacity: 1 !important;
visibility: visible; visibility: visible !important;
} }
.vjs-no-js { .vjs-no-js {
@ -614,6 +635,11 @@ body.vjs-full-window {
color: #2B333F; color: #2B333F;
} }
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title { .vjs-menu li.vjs-menu-title {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
@ -736,7 +762,8 @@ body.vjs-full-window {
background-color: rgba(43, 51, 63, 0.7); background-color: rgba(43, 51, 63, 0.7);
} }
.vjs-has-started .vjs-control-bar { .vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex; display: flex;
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
@ -746,6 +773,7 @@ body.vjs-full-window {
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible; visibility: visible;
opacity: 0; opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s;
} }
@ -755,9 +783,11 @@ body.vjs-full-window {
display: none !important; display: none !important;
} }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
pointer-events: auto;
} }
.vjs-has-started.vjs-no-flex .vjs-control-bar { .vjs-has-started.vjs-no-flex .vjs-control-bar {
@ -774,18 +804,28 @@ body.vjs-full-window {
flex: none; flex: none;
} }
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before { .vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em; font-size: 1.8em;
line-height: 1.67; line-height: 1.67;
} }
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before, .video-js .vjs-control:hover:before,
.video-js .vjs-control:focus { .video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; text-shadow: 0em 0em 1em white;
} }
.video-js .vjs-control-text { .video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
height: 1px; height: 1px;
@ -1074,6 +1114,7 @@ body.vjs-full-window {
.video-js .vjs-volume-level:before { .video-js .vjs-volume-level:before {
position: absolute; position: absolute;
font-size: 0.9em; font-size: 0.9em;
z-index: 1;
} }
.vjs-slider-vertical .vjs-volume-level { .vjs-slider-vertical .vjs-volume-level {
@ -1082,6 +1123,7 @@ body.vjs-full-window {
.vjs-slider-vertical .vjs-volume-level:before { .vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em; top: -0.5em;
left: -0.3em; left: -0.3em;
z-index: 1;
} }
.vjs-slider-horizontal .vjs-volume-level { .vjs-slider-horizontal .vjs-volume-level {
@ -1116,6 +1158,77 @@ body.vjs-full-window {
left: -2em; left: -2em;
} }
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster { .vjs-poster {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -1134,18 +1247,16 @@ body.vjs-full-window {
height: 100%; height: 100%;
} }
.vjs-has-started .vjs-poster { .vjs-has-started .vjs-poster,
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster { .vjs-using-native-controls .vjs-poster {
display: none; display: none;
} }
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
display: block;
}
.video-js .vjs-live-control { .video-js .vjs-live-control {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@ -1166,6 +1277,7 @@ body.vjs-full-window {
} }
.video-js .vjs-seek-to-live-control { .video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer; cursor: pointer;
flex: none; flex: none;
display: inline-flex; display: inline-flex;
@ -1252,6 +1364,7 @@ body.vjs-full-window {
pointer-events: none; pointer-events: none;
} }
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; bottom: 1em;
} }
@ -1278,6 +1391,7 @@ video::-webkit-media-text-track-display {
transform: translateY(-3em); transform: translateY(-3em);
} }
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em); transform: translateY(-1.5em);
} }
@ -1286,10 +1400,18 @@ video::-webkit-media-text-track-display {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
} }
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control { .video-js .vjs-fullscreen-control {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
} }
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value { .vjs-playback-rate .vjs-playback-rate-value {
position: absolute; position: absolute;
@ -1445,10 +1567,18 @@ video::-webkit-media-text-track-display {
border-top-color: #73859f; border-top-color: #73859f;
} }
} }
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul { .vjs-chapters-button .vjs-menu ul {
width: 24em; width: 24em;
} }
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
@ -1462,6 +1592,10 @@ video::-webkit-media-text-track-display {
line-height: inherit; line-height: inherit;
} }
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-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; vertical-align: middle;
display: inline-block; display: inline-block;
@ -1475,62 +1609,38 @@ video::-webkit-media-text-track-display {
line-height: inherit; line-height: inherit;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-volume-control {
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none; display: none;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto; width: auto;
width: initial; width: initial;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none; display: none;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
flex: auto; flex: auto;
display: block; display: block;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { .video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
width: auto; width: auto;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings { .vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F; background-color: #2B333F;
@ -1653,11 +1763,8 @@ video::-webkit-media-text-track-display {
.js-focus-visible .video-js *:focus:not(.focus-visible) { .js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none; outline: none;
background: none;
} }
.video-js *:focus:not(:focus-visible), .video-js *:focus:not(:focus-visible) {
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none; outline: none;
background: none;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,13 +0,0 @@
Copyright Brightcove, Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -379,21 +379,38 @@
.video-js.vjs-fluid, .video-js.vjs-fluid,
.video-js.vjs-16-9, .video-js.vjs-16-9,
.video-js.vjs-4-3 { .video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
height: 0; height: 0;
} }
.video-js.vjs-16-9 { .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%; padding-top: 56.25%;
} }
.video-js.vjs-4-3 { .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%; padding-top: 75%;
} }
.video-js.vjs-fill { .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -406,6 +423,10 @@
height: 100%; height: 100%;
} }
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window { body.vjs-full-window {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -422,7 +443,7 @@ body.vjs-full-window {
right: 0; right: 0;
} }
.video-js.vjs-fullscreen { .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
padding-top: 0 !important; padding-top: 0 !important;
@ -451,8 +472,8 @@ body.vjs-full-window {
.vjs-lock-showing { .vjs-lock-showing {
display: block !important; display: block !important;
opacity: 1; opacity: 1 !important;
visibility: visible; visibility: visible !important;
} }
.vjs-no-js { .vjs-no-js {
@ -614,6 +635,11 @@ body.vjs-full-window {
color: #2B333F; color: #2B333F;
} }
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title { .vjs-menu li.vjs-menu-title {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
@ -736,7 +762,8 @@ body.vjs-full-window {
background-color: rgba(43, 51, 63, 0.7); background-color: rgba(43, 51, 63, 0.7);
} }
.vjs-has-started .vjs-control-bar { .vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex; display: flex;
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
@ -746,6 +773,7 @@ body.vjs-full-window {
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible; visibility: visible;
opacity: 0; opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s;
} }
@ -755,9 +783,11 @@ body.vjs-full-window {
display: none !important; display: none !important;
} }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
pointer-events: auto;
} }
.vjs-has-started.vjs-no-flex .vjs-control-bar { .vjs-has-started.vjs-no-flex .vjs-control-bar {
@ -774,18 +804,28 @@ body.vjs-full-window {
flex: none; flex: none;
} }
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before { .vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em; font-size: 1.8em;
line-height: 1.67; line-height: 1.67;
} }
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before, .video-js .vjs-control:hover:before,
.video-js .vjs-control:focus { .video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; text-shadow: 0em 0em 1em white;
} }
.video-js .vjs-control-text { .video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0; border: 0;
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
height: 1px; height: 1px;
@ -1074,6 +1114,7 @@ body.vjs-full-window {
.video-js .vjs-volume-level:before { .video-js .vjs-volume-level:before {
position: absolute; position: absolute;
font-size: 0.9em; font-size: 0.9em;
z-index: 1;
} }
.vjs-slider-vertical .vjs-volume-level { .vjs-slider-vertical .vjs-volume-level {
@ -1082,6 +1123,7 @@ body.vjs-full-window {
.vjs-slider-vertical .vjs-volume-level:before { .vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em; top: -0.5em;
left: -0.3em; left: -0.3em;
z-index: 1;
} }
.vjs-slider-horizontal .vjs-volume-level { .vjs-slider-horizontal .vjs-volume-level {
@ -1116,6 +1158,77 @@ body.vjs-full-window {
left: -2em; left: -2em;
} }
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster { .vjs-poster {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -1134,18 +1247,16 @@ body.vjs-full-window {
height: 100%; height: 100%;
} }
.vjs-has-started .vjs-poster { .vjs-has-started .vjs-poster,
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster { .vjs-using-native-controls .vjs-poster {
display: none; display: none;
} }
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
display: block;
}
.video-js .vjs-live-control { .video-js .vjs-live-control {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@ -1166,6 +1277,7 @@ body.vjs-full-window {
} }
.video-js .vjs-seek-to-live-control { .video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer; cursor: pointer;
flex: none; flex: none;
display: inline-flex; display: inline-flex;
@ -1252,6 +1364,7 @@ body.vjs-full-window {
pointer-events: none; pointer-events: none;
} }
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; bottom: 1em;
} }
@ -1278,6 +1391,7 @@ video::-webkit-media-text-track-display {
transform: translateY(-3em); transform: translateY(-3em);
} }
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em); transform: translateY(-1.5em);
} }
@ -1286,10 +1400,18 @@ video::-webkit-media-text-track-display {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
} }
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control { .video-js .vjs-fullscreen-control {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
} }
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value { .vjs-playback-rate .vjs-playback-rate-value {
position: absolute; position: absolute;
@ -1445,10 +1567,18 @@ video::-webkit-media-text-track-display {
border-top-color: #73859f; border-top-color: #73859f;
} }
} }
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul { .vjs-chapters-button .vjs-menu ul {
width: 24em; width: 24em;
} }
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
@ -1462,6 +1592,10 @@ video::-webkit-media-text-track-display {
line-height: inherit; line-height: inherit;
} }
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-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; vertical-align: middle;
display: inline-block; display: inline-block;
@ -1475,62 +1609,38 @@ video::-webkit-media-text-track-display {
line-height: inherit; line-height: inherit;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-volume-control {
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none; display: none;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto; width: auto;
width: initial; width: initial;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { .video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none; display: none;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
flex: auto; flex: auto;
display: block; display: block;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { .video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
width: auto; width: auto;
} }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings { .vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F; background-color: #2B333F;
@ -1653,11 +1763,8 @@ video::-webkit-media-text-track-display {
.js-focus-visible .video-js *:focus:not(.focus-visible) { .js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none; outline: none;
background: none;
} }
.video-js *:focus:not(:focus-visible), .video-js *:focus:not(:focus-visible) {
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none; outline: none;
background: none;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,17 @@
/*! @name @videojs/http-streaming @version 2.14.2 @license Apache-2.0 */
/*! @name aes-decrypter @version 3.1.3 @license Apache-2.0 */
/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
/**
* @license
* Video.js 7.20.2 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0
* <https://github.com/videojs/video.js/blob/main/LICENSE>
*
* Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0
* <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
*/

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,17 @@
/*! @name @videojs/http-streaming @version 2.14.2 @license Apache-2.0 */
/*! @name aes-decrypter @version 3.1.3 @license Apache-2.0 */
/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
/**
* @license
* Video.js 7.20.2 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0
* <https://github.com/videojs/video.js/blob/main/LICENSE>
*
* Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0
* <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
*/

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,29 @@
/*!
* Programatically add the following
*/
/*! @name aes-decrypter @version 3.1.3 @license Apache-2.0 */
/*! @name m3u8-parser @version 4.7.1 @license Apache-2.0 */
/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
/**
* @license
* slighly modified parse-headers 2.0.2 <https://github.com/kesla/parse-headers/>
* Copyright (c) 2014 David Björklund
* Available under the MIT license
* <https://github.com/kesla/parse-headers/blob/master/LICENCE>
*/
/**
* @license
* Video.js 7.20.2 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0
* <https://github.com/videojs/video.js/blob/main/LICENSE>
*
* Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0
* <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
*/

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,8 @@
/*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */ /*! @name aes-decrypter @version 3.1.3 @license Apache-2.0 */
/*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */ /*! @name m3u8-parser @version 4.7.1 @license Apache-2.0 */
/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
/** /**
* @license * @license
@ -10,21 +12,14 @@
* <https://github.com/kesla/parse-headers/blob/master/LICENCE> * <https://github.com/kesla/parse-headers/blob/master/LICENCE>
*/ */
/**
* @videojs/http-streaming
* @version 1.11.2
* @copyright 2019 Brightcove, Inc
* @license Apache-2.0
*/
/** /**
* @license * @license
* Video.js 7.7.5 <http://videojs.com/> * Video.js 7.20.2 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/> * Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0 * Available under Apache License Version 2.0
* <https://github.com/videojs/video.js/blob/master/LICENSE> * <https://github.com/videojs/video.js/blob/main/LICENSE>
* *
* Includes vtt.js <https://github.com/mozilla/vtt.js> * Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0 * Available under Apache License Version 2.0
* <https://github.com/mozilla/vtt.js/blob/master/LICENSE> * <https://github.com/mozilla/vtt.js/blob/main/LICENSE>
*/ */

View File

@ -1,13 +0,0 @@
Copyright Brightcove, Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,15 +0,0 @@
/*! @name m3u8-parser @version 4.4.0 @license Apache-2.0 */
/*! @name mpd-parser @version 0.8.1 @license Apache-2.0 */
/**
* @license
* Video.js 7.7.5 <http://videojs.com/>
* Copyright Brightcove, Inc. <https://www.brightcove.com/>
* Available under Apache License Version 2.0
* <https://github.com/videojs/video.js/blob/master/LICENSE>
*
* Includes vtt.js <https://github.com/mozilla/vtt.js>
* Available under Apache License Version 2.0
* <https://github.com/mozilla/vtt.js/blob/master/LICENSE>
*/

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,5 +0,0 @@
/*!
* https://github.com/es-shims/es5-shim
* @license es5-shim Copyright 2009-2015 by contributors, MIT License
* see https://github.com/es-shims/es5-shim/blob/master/LICENSE
*/

File diff suppressed because one or more lines are too long

View File

@ -39,9 +39,9 @@
{% block aftercontent %}{% endblock %} {% block aftercontent %}{% endblock %}
{% if LOAD_FROM_CDN %} {% if LOAD_FROM_CDN %}
<script src="https://vjs.zencdn.net/7.7.5/video.min.js"></script> <script src="https://vjs.zencdn.net/7.20.2/video.min.js"></script>
{% else %} {% else %}
<script src="{% static "lib/video-js/7.7.5/video.min.js" %}"></script> <script src="{% static "lib/video-js/7.20.2/video.min.js" %}"></script>
{% endif %} {% endif %}
{% block externalscripts %}{% endblock externalscripts %} {% block externalscripts %}{% endblock externalscripts %}