@clickview/player 1.13.0 → 1.14.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/en.json +1 -1
- package/dist/interactive-player.css +2 -1
- package/dist/interactive-player.js +1 -1
- package/dist/player.css +6 -1
- package/dist/player.js +1 -1
- package/package.json +1 -1
package/dist/player.css
CHANGED
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
@keyframes play-feedback{0%{opacity:.85;font-size:.6em}100%{opacity:0;font-size:1em}}@keyframes pause-feedback{0%{opacity:.85;font-size:.6em}100%{opacity:0;font-size:1em}}.video-js .cv-play-pause-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:1.5em;background:rgba(28,28,28,.6);border-radius:50%;pointer-events:none;opacity:0;animation-duration:.4s;animation-timing-function:ease-out}.video-js .cv-play-pause-feedback:after{font-family:CVPlayer;font-size:7em}.video-js.vjs-paused .cv-play-pause-feedback{animation-name:play-feedback}.video-js.vjs-paused .cv-play-pause-feedback:after{content:"\f101"}.video-js.vjs-playing .cv-play-pause-feedback{padding-left:1.9em;padding-right:1.1em;animation-name:pause-feedback}.video-js.vjs-playing .cv-play-pause-feedback:after{content:"\f100"}.video-js.vjs-picture-in-picture .cv-play-pause-feedback,.video-js.cv-disable-play-pause-feedback .cv-play-pause-feedback,.video-js.cv-preview-mode .cv-play-pause-feedback,.video-js:not(.vjs-has-started) .cv-play-pause-feedback{opacity:0 !important}
|
|
34
34
|
.video-js .vjs-play-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f100"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f101"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f10d"}
|
|
35
35
|
.video-js .vjs-text-track-display{bottom:8.9em}
|
|
36
|
+
.video-js .cv-error-image{width:25%;color:#313543}.video-js.vjs-error .vjs-error-display{background:#313543;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-js.vjs-error .vjs-error-display:before{display:none}.video-js.vjs-error .vjs-error-display .vjs-modal-dialog-content{position:relative;top:auto;left:auto;width:auto;height:auto;font-size:1.75em}
|
|
36
37
|
.video-js .vjs-control-bar{height:auto;background:none;z-index:3;padding-bottom:4.8em}.video-js.vjs-has-started .vjs-control-bar,.video-js.vjs-has-started .cv-control-bar-gradient-container{display:block;height:auto}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-control-bar-gradient-container{opacity:0}.video-js .cv-control-bar-gradient-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;opacity:1;transition:opacity 1s;display:none}.video-js .cv-control-bar-gradient{position:absolute;left:0;right:0;bottom:0;height:10em;pointer-events:none}.video-js .cv-control-bar-gradient:after{background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.65) 100%);position:absolute;top:-300%;left:0;right:0;bottom:0;content:" ";z-index:0;pointer-events:none}.video-js.cv-preview-mode .vjs-control-bar{padding-bottom:0}
|
|
37
38
|
.video-js .vjs-mute-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f10a"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f102"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f10c"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f10b"}.video-js .vjs-volume-bar{margin:1.85em .45em}.video-js .vjs-volume-bar.vjs-slider-horizontal{width:7em;height:.3em}.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal{width:7em;height:4em}.video-js .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level:before{width:.9em;height:.9em;margin-top:-0.45em;top:50%;background-color:#fff;border-radius:50%;content:" ";box-shadow:0 0 1em rgba(0,0,0,.25)}.video-js .vjs-volume-control .vjs-slider-horizontal .vjs-volume-level{height:.3em}.video-js .vjs-volume-control .vjs-slider-vertical .vjs-volume-level:before{width:.9em;height:.9em;margin-left:-0.45em;left:50%;background-color:#fff;border-radius:50%;content:" ";box-shadow:0 0 1em rgba(0,0,0,.25)}.video-js .vjs-volume-control .vjs-slider-vertical .vjs-volume-level{width:.3em}
|
|
38
39
|
.vjs-menu-button-popup .vjs-menu{left:0;bottom:0;width:100%}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{right:2.4em;bottom:1.5em;max-width:40%;max-height:calc(100% - 1.5em - 1em);overflow:visible;background:#1c1c1c;border:none;border-radius:.33333em;padding:.5em 0}.vjs-menu-button-popup .vjs-menu li{text-transform:none;text-align:left;padding:.4em;margin:.2em .4em;position:relative;border-radius:.277775em}.vjs-menu-button-popup .vjs-menu li.vjs-menu-item:focus{background:none}.vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover{background:#5b5e68}.vjs-menu-button-popup .vjs-menu li.vjs-menu-item:hover.vjs-disabled:hover{background:none}.vjs-menu-button-popup .vjs-menu li.vjs-selected{background:rgba(0,0,0,0);color:#fff}.vjs-menu-button-popup .vjs-menu li.cv-divider-after-menu-item{margin-bottom:.6em}.vjs-menu-button-popup .vjs-menu li.cv-divider-after-menu-item:after{content:" ";display:block;position:absolute;bottom:-0.3em;left:.15em;right:.15em;border-bottom:1px solid #464646}.vjs-menu-button.cv-has-left-icons .vjs-menu .vjs-menu-content li{padding-left:2em}.vjs-menu-button.cv-has-left-icons .vjs-menu .vjs-menu-content li.vjs-selected:before{font-family:CVPlayer;content:"\f11d";position:absolute;left:0;width:1em;height:1em;display:inline-block;font-size:1.8em}.cv-menu-small.vjs-menu-button-popup .vjs-menu .vjs-menu-content,.cv-menu-big.vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-width:25em}.cv-player-small .cv-menu-small.vjs-menu-button-popup .vjs-menu .vjs-menu-content,.cv-player-small .cv-menu-big.vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-width:20em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:none}
|
|
@@ -41,7 +42,11 @@
|
|
|
41
42
|
.video-js .cv-pip-play-toggle{position:absolute;height:auto;top:50%;left:50%;opacity:0;transition:opacity 1s;z-index:2;cursor:pointer;transform:translate(-50%, -50%)}.video-js .cv-pip-play-toggle .vjs-icon-placeholder::before{font-size:5em}.video-js .cv-pip-play-toggle:hover .vjs-icon-placeholder::before{opacity:1}.video-js.vjs-has-started .cv-pip-play-toggle{opacity:1}.video-js.vjs-seeking .cv-pip-play-toggle,.video-js.vjs-scrubbing .cv-pip-play-toggle{opacity:0}.video-js.cv-picture-in-picture{padding-top:56.25%}.video-js.cv-picture-in-picture .vjs-control-bar{padding-bottom:0}.video-js.cv-picture-in-picture .cv-collapsorator{display:none}.video-js.cv-picture-in-picture .vjs-progress-control{margin-bottom:2em;padding-left:1em;padding-right:1em}.video-js.cv-picture-in-picture .vjs-time-control{padding-left:1em;padding-right:1em}.video-js.cv-picture-in-picture .cv-favourite-button{top:1em;right:1em}.video-js.cv-picture-in-picture .cv-activity-status-button{top:1em;right:6em}.video-js.cv-picture-in-picture .cv-up-next-container{display:none}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-pip-play-toggle{opacity:0}.video-js .vjs-picture-in-picture-control.vjs-disabled{display:none}
|
|
42
43
|
.video-js .cv-point-of-interest-indicator{position:absolute;width:1em;height:1em;top:50%;transform:translateY(-50%);margin-left:-0.5em;background-color:#b5b5b5;border-radius:50%;z-index:4}.video-js .cv-point-of-interest-indicator::after{content:" ";position:absolute;width:.6em;height:.6em;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(78,154,206,.8)}.video-js .cv-point-of-interest-indicator.cv-point-of-interest-indicator-buffered{background-color:#fff}.video-js .cv-point-of-interest-indicator.cv-point-of-interest-indicator-played{background-color:#f8981d}.video-js .cv-point-of-interest-indicator.cv-point-of-interest-indicator-buffered::after,.video-js .cv-point-of-interest-indicator.cv-point-of-interest-indicator-played::after{background-color:#4e9ace}.video-js .cv-point-of-interest-indicator.cv-point-of-interest-indicator-hidden{display:none}.video-js .cv-point-of-interest-indicator-highlight{font-size:1.6666666em}.video-js.vjs-scrubbing .vjs-progress-control .vjs-progress-holder .cv-point-of-interest-indicator,.video-js .vjs-progress-control:hover .vjs-progress-holder .cv-point-of-interest-indicator{width:.600000024em;height:.600000024em;margin-left:-.300000012em}.video-js.vjs-scrubbing .vjs-progress-control .vjs-progress-holder .cv-point-of-interest-indicator::after,.video-js .vjs-progress-control:hover .vjs-progress-holder .cv-point-of-interest-indicator::after{width:.3600000144em;height:.3600000144em}.video-js.vjs-scrubbing .vjs-progress-control .vjs-progress-holder .cv-point-of-interest-indicator:hover,.video-js .vjs-progress-control:hover .vjs-progress-holder .cv-point-of-interest-indicator:hover{width:1em;height:1em;margin-left:-0.5em}.video-js.vjs-scrubbing .vjs-progress-control .vjs-progress-holder .cv-point-of-interest-indicator:hover::after,.video-js .vjs-progress-control:hover .vjs-progress-holder .cv-point-of-interest-indicator:hover::after{width:.6em;height:.6em}.video-js.cv-preview-mode .cv-point-of-interest-indicator{display:none}
|
|
43
44
|
.video-js .cv-activity-status-button{opacity:0;transition:opacity 1s;position:absolute;top:1.25rem;padding:0;width:4em;height:4em;border-radius:50%;background-color:rgba(241,241,241,.5);box-shadow:0 .5rem 1rem rgba(51,51,51,.15);z-index:2;right:7em}.video-js .cv-activity-status-button .vjs-icon-placeholder::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:3.6em !important;font-family:CVPlayer;content:"\f11d";color:#333;display:block}.video-js .cv-activity-status-button:hover{background-color:#60b789}.video-js .cv-activity-status-button:hover .vjs-icon-placeholder::before{content:"\f11d";color:#fff;opacity:.75}.video-js .cv-activity-status-button.cv-activity-completed{background-color:#60b789}.video-js .cv-activity-status-button.cv-activity-completed .vjs-icon-placeholder::before{content:"\f11d";color:#fff}.video-js .cv-activity-status-button.cv-activity-completed:hover .vjs-icon-placeholder::before{opacity:1}.video-js.vjs-has-started .cv-activity-status-button{opacity:1}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-activity-status-button{opacity:0}.video-js.cv-preview-mode .cv-activity-status-button{width:4em;height:4em}.video-js.cv-preview-mode .cv-activity-status-button .vjs-icon-placeholder::before{font-size:3.6em !important}
|
|
45
|
+
.video-js .cv-range-indicator{position:absolute;width:1em;height:1em;top:50%;transform:translateY(-50%);margin-left:-0.5em;background-color:#fff;border-radius:50%;z-index:4}
|
|
46
|
+
.video-js .cv-replay-view-button{cursor:pointer;background-color:#313543;width:9em;height:9em;border:1px solid #fff;border-radius:10px;font-size:1.2em;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em}.video-js .cv-replay-view-button:hover{background-color:#5b5e68}.video-js .cv-replay-view-button .cv-replay-icon::before{content:"\f10d";font-size:3.3em;font-family:CVPlayer;display:inline-block}.video-js .cv-replay-view-button .cv-continue-icon::before{content:"\f100";font-size:3.3em;font-family:CVPlayer;display:inline-block}
|
|
47
|
+
.video-js .cv-replay-view{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.video-js .cv-replay-view .cv-replay-heading{margin-bottom:0}.video-js .cv-replay-view .cv-button-container{display:flex;flex-direction:row;gap:1em}
|
|
48
|
+
.video-js.cv-range-indicator-plugin .cv-devices-button,.video-js.cv-range-indicator-plugin .cv-devices-menu-button,.video-js.cv-range-indicator-plugin .cv-point-of-interest-indicator,.video-js.cv-range-indicator-plugin .cv-point-of-interest-indicator-played,.video-js.cv-range-indicator-plugin .cv-point-of-interest-indicator-buffered{display:none}
|
|
44
49
|
.video-js.cv-device-casting .cv-create-clip-button,.video-js.cv-device-casting .cv-devices-button,.video-js.cv-device-casting .cv-devices-menu-button,.video-js.cv-device-casting .cv-playback-rate-menu-button,.video-js.cv-device-casting .vjs-fullscreen-control,.video-js.cv-device-casting .vjs-text-track-display{display:none}.video-js.cv-device-casting .vjs-control-bar{display:block !important;visibility:visible !important;opacity:1 !important;transition:none !important;transition-delay:0s !important}.video-js.cv-device-casting.cv-device-apple-tv .cv-quality-menu-button,.video-js.cv-device-casting.cv-device-apple-tv .cv-subs-caps-menu-button,.video-js.cv-device-casting.cv-device-apple-tv .vjs-volume-panel,.video-js.cv-device-casting.cv-device-apple-tv .vjs-subs-caps-button{display:none}.video-js.cv-picture-in-picture.cv-device-casting .cv-cog-button,.video-js.cv-picture-in-picture.cv-device-casting .vjs-play-control,.video-js.cv-picture-in-picture.cv-device-casting .vjs-volume-panel,.video-js.cv-picture-in-picture.cv-device-casting .vjs-picture-in-picture-control{display:none}.video-js:not(.cv-picture-in-picture).cv-device-casting .cv-collapsorator,.video-js:not(.cv-picture-in-picture).cv-device-casting.vjs-user-active .cv-collapsorator,.video-js:not(.cv-picture-in-picture).cv-device-casting.vjs-user-inactive .cv-collapsorator{display:flex !important;visibility:visible !important;opacity:1 !important;transition:none !important;transition-delay:0s !important}
|
|
45
50
|
.video-js .cv-device-menu-item{display:flex;flex-direction:row}.video-js .cv-device-menu-item .cv-device-icon{font-size:1.5em;font-family:CVPlayer;display:inline-block;margin-right:.2em}.video-js .cv-device-menu-item .cv-apple-icon::before{content:"\f121"}.video-js .cv-device-menu-item .cv-vivi-icon::before{content:"\f122"}.video-js .cv-device-menu-item.vjs-selected:after{font-size:1.5em;font-family:CVPlayer;display:inline-block;margin-left:auto;content:"\f11d"}
|
|
46
51
|
.video-js .cv-devices-button{cursor:pointer}.video-js .cv-devices-button .vjs-icon-placeholder::before{font-family:CVPlayer;content:"\f104"}.video-js .cv-devices-button .cv-devices-search-input{padding-left:.4em !important}.video-js .cv-devices-button .vjs-menu.vertical-fill .vjs-menu-content{top:1.5em}.video-js .cv-devices-button .cv-collapsible-menu-heading{pointer-events:none}.video-js .cv-devices-button .cv-collapsible-menu-heading:before{content:none}.video-js .cv-devices-button.cv-collapsed .cv-collapsible-menu-heading{pointer-events:all;padding-left:2em}.video-js .cv-devices-button.cv-collapsed .cv-collapsible-menu-heading:before{content:"\f11e"}
|
|
47
|
-
.video-js .cv-devices-tech{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.video-js .cv-devices-background{position:absolute;top:-0.3em;left:-0.3em;right:-0.3em;bottom:-0.3em;z-index:1;filter:blur(30px);background-size:cover;background-position:center}.video-js .cv-devices-background:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);content:" "}.video-js .cv-devices-content{position:relative;z-index:2;text-align:center}.video-js .cv-devices-content p{font-size:2em;margin-top:0;margin-bottom:0;text-shadow:0em 0em .5em #313543}.video-js .cv-devices-content h2{font-size:3em;margin-top:.2em;margin-bottom:0;text-shadow:0em 0em .5em #313543;display:flex;align-items:center}.video-js .cv-devices-content .cv-device-icon{font-size:1.3em;font-family:CVPlayer;display:inline-block;margin-right:.2em}.video-js .cv-devices-content .cv-apple-icon::before{content:"\f121"}.video-js .cv-devices-content .cv-vivi-icon::before{content:"\f122"}.video-js .cv-devices-content .stop-casting-button{cursor:pointer;margin-top:1.5em;margin-bottom:0;font-size:1.5em;display:inline-block;padding:.
|
|
52
|
+
.video-js .cv-devices-tech{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.video-js .cv-devices-background{position:absolute;top:-0.3em;left:-0.3em;right:-0.3em;bottom:-0.3em;z-index:1;filter:blur(30px);background-size:cover;background-position:center}.video-js .cv-devices-background:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);content:" "}.video-js .cv-devices-content{position:relative;z-index:2;text-align:center}.video-js .cv-devices-content p{font-size:2em;margin-top:0;margin-bottom:0;text-shadow:0em 0em .5em #313543}.video-js .cv-devices-content h2{font-size:3em;margin-top:.2em;margin-bottom:0;text-shadow:0em 0em .5em #313543;display:flex;align-items:center}.video-js .cv-devices-content .cv-device-icon{font-size:1.3em;font-family:CVPlayer;display:inline-block;margin-right:.2em}.video-js .cv-devices-content .cv-apple-icon::before{content:"\f121"}.video-js .cv-devices-content .cv-vivi-icon::before{content:"\f122"}.video-js .cv-devices-content .stop-casting-button{cursor:pointer;margin-top:1.5em;margin-bottom:0;font-size:1.5em;display:inline-block;padding:.8em 1.1em;background:#313543;border-radius:.3em}.video-js .cv-devices-content .stop-casting-button:hover{background:#5b5e68}.video-js.cv-player-small .cv-devices-content p{font-size:1.25em}.video-js.cv-player-small .cv-devices-content h2{font-size:2em}.video-js.cv-player-small .cv-devices-content .stop-casting-button{margin-top:1em;margin-bottom:3em;font-size:1.2em;padding:.5em .7em}
|