@clickview/player 1.5.0 → 1.5.1-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 +32 -32
- package/dist/interactive-player.js +1 -1
- package/dist/player.css +3 -3
- package/dist/player.js +1 -1
- package/package.json +1 -2
- package/test/players/test-player.ts +1 -0
- package/.eslintrc.json +0 -3
package/dist/player.css
CHANGED
|
@@ -12,17 +12,17 @@
|
|
|
12
12
|
.video-js .cv-player-overlay{display:none;position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;cursor:pointer}.video-js.cv-preview-mode .cv-player-overlay{display:block}
|
|
13
13
|
.video-js .cv-favourite-button{opacity:0;position:absolute;transition:opacity 1s;top:1.25rem;right: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;color:#313543}.video-js .cv-favourite-button.cv-favourited{color:#d9584f;background-color:rgba(241,241,241,.8)}.video-js.vjs-has-started .cv-favourite-button{opacity:1}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-favourite-button{opacity:0}.video-js .cv-favourite-button-svg{width:3.2em;height:3.2em;display:inline-block}
|
|
14
14
|
.video-js .cv-time-wrapper{overflow:hidden}.video-js .vjs-current-time{float:left;display:block}.video-js .vjs-remaining-time{float:right}.video-js .vjs-remaining-time [aria-hidden=true]{display:none}.video-js .vjs-time-control{padding-left:2.67em;padding-right:2.67em;padding-bottom:.5em}.video-js .vjs-time-control span{font-size:1.2em}.video-js.cv-preview-mode .cv-time-wrapper{display:none}
|
|
15
|
+
.video-js .cv-collapsorator{font-size:1.2em;height:4em;padding-left:1em;padding-right:1.15em;position:absolute;bottom:0;left:0;right:0;display:none;z-index:3}.video-js .cv-collapsorator .vjs-control{width:4em}.video-js.cv-mobile-player .cv-collapsorator{padding-left:.33em;padding-right:.5em}.video-js .cv-collapsed{width:0 !important}.video-js .cv-collapsed>button{display:none}.video-js button.cv-collapsed{display:none}.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:1.3em}.video-js .vjs-button:hover>.vjs-icon-placeholder:before{opacity:.9}.video-js .vjs-button[aria-expanded=true]>.vjs-icon-placeholder:before{opacity:1;color:#f8981d}.video-js.vjs-has-started .cv-collapsorator{display:flex;visibility:visible;opacity:1;transition:visibility 1s,opacity 1s}.video-js.vjs-controls-disabled .cv-collapsorator,.video-js.vjs-using-native-controls .cv-collapsorator,.video-js.vjs-error .cv-collapsorator{display:none !important}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-collapsorator{visibility:visible;opacity:0}.video-js.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .cv-collapsorator{opacity:1;visibility:visible}.video-js.cv-preview-mode .cv-collapsorator{display:none}
|
|
16
|
+
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f109"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f108"}
|
|
15
17
|
.video-js .cv-cog-button{cursor:pointer}.video-js .cv-cog-button .vjs-icon-placeholder::before{font-family:CVPlayer;content:"\f103"}.video-js .cv-cog-menu-item{display:flex;justify-content:space-between;padding:1em 2em;text-transform:none;gap:.3125rem}.video-js .cv-collapsible-menu-heading{padding-left:2em}.video-js .cv-collapsible-menu-heading:before{font-family:CVPlayer;content:"\f11e";position:absolute;left:0;width:1em;height:1em;display:inline-block;font-size:1.8em}.video-js .cv-cog-menu-button .vjs-menu-item.cv-has-cog-value{padding-right:2em}.video-js .cv-cog-menu-button .vjs-menu-item.cv-has-cog-value:before{font-family:CVPlayer;content:"\f11f";position:absolute;right:0;width:1em;height:1em;display:inline-block;font-size:1.8em}
|
|
16
18
|
.video-js .cv-search-input-menu-item{height:2em;background-color:#fff;border-radius:.25rem;display:flex;flex-direction:row;align-items:center}.video-js .cv-search-input-menu-item input{width:calc(100% - 1.5em - 0.4em);outline:none;box-shadow:none;border:0;height:100%;display:inline-block;vertical-align:middle;border-radius:3px;font-size:inherit}.video-js .cv-search-input-menu-item .cv-search-icon{width:1.5em;height:1.5em;display:inline-block;color:#313543;vertical-align:middle;margin:0 .2em}.video-js .cv-search-input-menu-item .cv-search-icon svg{fill:currentColor}.video-js .cv-no-results{margin:1em 0;padding-left:0 !important}.video-js .cv-no-results:hover{background:none !important}.video-js .cv-no-results .vjs-menu-item-text{text-align:center;display:block}
|
|
17
19
|
.video-js .cv-highlight{background-color:#ffcd52;color:#313543;border-radius:3px;margin:0 -3px;padding:0 3px;display:inline-block}.video-js .cv-subtitle-search-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content{top:1.5em}
|
|
18
20
|
.video-js .cv-keyboard-shortcuts .vjs-menu li.vjs-menu-item{display:flex;justify-content:space-between;text-transform:none}.video-js .cv-keyboard-shortcuts .vjs-menu li.vjs-menu-item:not(.cv-collapsible-menu-heading):hover{background:none;cursor:initial}.video-js .cv-keyboard-shortcuts .vjs-menu li.vjs-menu-item.cv-collapsible-menu-heading{padding-left:2em}.video-js .cv-keyboard-shortcuts .vjs-menu li.vjs-menu-item .cv-keyboard-button{border:1px solid #fff;border-radius:.3em;padding:.1em .2em;display:inline-block}.video-js .cv-keyboard-shortcuts .vjs-menu li.vjs-menu-item .cv-keyboard-button.cv-single-key{width:2em;display:inline-block;text-align:center}
|
|
19
|
-
.video-js .cv-collapsorator{font-size:1.2em;height:4em;padding-left:1em;padding-right:1.15em;position:absolute;bottom:0;left:0;right:0;display:none;z-index:3}.video-js .cv-collapsorator .vjs-control{width:4em}.video-js.cv-mobile-player .cv-collapsorator{padding-left:.33em;padding-right:.5em}.video-js .cv-collapsed{width:0 !important}.video-js .cv-collapsed>button{display:none}.video-js button.cv-collapsed{display:none}.video-js .vjs-button>.vjs-icon-placeholder:before{font-size:1.3em}.video-js .vjs-button:hover>.vjs-icon-placeholder:before{opacity:.9}.video-js .vjs-button[aria-expanded=true]>.vjs-icon-placeholder:before{opacity:1;color:#f8981d}.video-js.vjs-has-started .cv-collapsorator{display:flex;visibility:visible;opacity:1;transition:visibility 1s,opacity 1s}.video-js.vjs-controls-disabled .cv-collapsorator,.video-js.vjs-using-native-controls .cv-collapsorator,.video-js.vjs-error .cv-collapsorator{display:none !important}.video-js.vjs-has-started.vjs-user-inactive.vjs-playing .cv-collapsorator{visibility:visible;opacity:0}.video-js.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .cv-collapsorator{opacity:1;visibility:visible}.video-js.cv-preview-mode .cv-collapsorator{display:none}
|
|
20
|
-
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f109"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f108"}
|
|
21
21
|
.video-js .cv-chapter-bar-items{text-align:left;position:absolute;left:0;right:0;top:0;bottom:0}.video-js .cv-chapter-bar-play-progress{background-color:#f8981d;height:100%;z-index:3;position:relative;top:0;font-family:VideoJS,sans-serif;font-weight:normal;font-style:normal}.video-js .cv-chapter-bar-load-progress{background-color:#fff;height:100%;z-index:2;top:0;position:relative;margin-top:-0.3em}.video-js .cv-chapter-bar-item{position:absolute;height:.3em;display:inline-block;padding:0 1px}.video-js .cv-chapter-bar-item:after{position:absolute;left:1px;right:1px;bottom:0;top:0;background-color:rgba(255,255,255,.4);content:" ";display:block;z-index:1}.video-js .cv-chapter-bar-item:before{content:" ";position:absolute;display:block;bottom:-5px;top:-30px;left:0;right:0}.video-js .cv-chapter-bar-item:first-child:after,.video-js .cv-chapter-bar-item:first-child .cv-chapter-bar-load-progress,.video-js .cv-chapter-bar-item:first-child .cv-chapter-bar-play-progress{border-top-left-radius:.15em;border-bottom-left-radius:.15em}.video-js .cv-chapter-bar-item:last-child:after,.video-js .cv-chapter-bar-item:last-child .cv-chapter-bar-load-progress,.video-js .cv-chapter-bar-item:last-child .cv-chapter-bar-play-progress{border-top-right-radius:.15em;border-bottom-right-radius:.15em}.video-js .vjs-progress-control .cv-chapter-seek-bar .vjs-play-progress{display:none}.video-js .vjs-progress-control .vjs-sliding .cv-chapter-bar-play-progress.cv-current:before,.video-js .vjs-progress-control:hover .cv-chapter-bar-play-progress.cv-current:before{content:"\f111";font-size:.9em;line-height:.9em;position:absolute;right:-0.5em;top:-0.45em;margin-top:.19em;z-index:1;color:#f8981d}.video-js.cv-preview-mode .cv-chapter-bar-item{padding:0px}.video-js.cv-preview-mode .cv-chapter-bar-item:after{left:0;right:0}.video-js.cv-preview-mode .cv-chapter-bar-item:after,.video-js.cv-preview-mode .cv-chapter-bar-load-progress,.video-js.cv-preview-mode .cv-chapter-bar-play-progress{border-radius:0 !important}
|
|
22
22
|
.video-js .vjs-progress-control{width:100%;padding-left:2.67em;padding-right:2.67em;padding-top:.1em;height:.5em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0;transition:none;position:relative}.video-js .vjs-progress-control .vjs-sliding.vjs-progress-holder{font-size:1.6666666667em}.video-js.cv-mobile-player .vjs-progress-control{padding-left:2em;padding-right:2em}.video-js.cv-preview-mode .vjs-progress-control{padding-left:0;padding-right:0}.video-js.cv-preview-mode .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}
|
|
23
|
+
.video-js .vjs-progress-control .vjs-mouse-display{width:auto;height:auto;background:#1c1c1c;border-radius:.2em;bottom:1em}.video-js .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show{display:block;visibility:visible;opacity:1;bottom:1.66666em}.video-js .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show .vjs-time-tooltip{display:block;visibility:visible}.video-js.cv-create-clip-player .vjs-progress-control .vjs-mouse-display{bottom:1.5em}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show{display:block;visibility:visible;opacity:1;bottom:1.66666em}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show .vjs-time-tooltip{display:block;visibility:visible}.video-js.cv-locked-mouse-time .vjs-progress-control{cursor:default}.video-js.cv-locked-mouse-time .vjs-progress-control .vjs-mouse-display{background-color:#d9584f}
|
|
23
24
|
.video-js .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{padding:4px;position:static;float:none;background:none;line-height:1.5em}.video-js .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip div{font-size:1.2em}
|
|
24
25
|
.video-js .cv-thumbnail-display{overflow:hidden;display:none;position:relative}.video-js .cv-thumbnail-display.cv-thumbnail-display-enabled{display:block}.video-js .cv-thumbnail-display img{position:absolute}
|
|
25
|
-
.video-js .vjs-progress-control .vjs-mouse-display{width:auto;height:auto;background:#1c1c1c;border-radius:.2em;bottom:1em}.video-js .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show{display:block;visibility:visible;opacity:1;bottom:1.66666em}.video-js .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show .vjs-time-tooltip{display:block;visibility:visible}.video-js.cv-create-clip-player .vjs-progress-control .vjs-mouse-display{bottom:1.5em}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show{display:block;visibility:visible;opacity:1;bottom:1.66666em}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display.cv-mouse-time-display-force-show .vjs-time-tooltip{display:block;visibility:visible}.video-js.cv-locked-mouse-time .vjs-progress-control{cursor:default}.video-js.cv-locked-mouse-time .vjs-progress-control .vjs-mouse-display{background-color:#d9584f}
|
|
26
26
|
.cv-has-thumbnails .cv-chapter-menu-item-text{padding-left:6em}li.cv-chapter-menu-item{text-align:left;padding:.4em .8em}li.cv-chapter-menu-item .cv-thumbnail-display{position:absolute;left:.8em}li.cv-chapter-menu-item .cv-chapter-menu-item-text{display:inline-block;text-transform:none}li.cv-chapter-menu-item .cv-chapter-menu-item-text p{margin:0}
|
|
27
27
|
.cv-chapters-button+.vjs-menu .vjs-menu-content{max-width:30%}.cv-chapters-button+.vjs-menu .vjs-menu-title{text-align:left;padding:.4em .8em;text-transform:none;font-weight:normal;font-size:1.2em;margin:0}.video-js .vjs-chapters-button .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f106"}
|
|
28
28
|
.video-js .cv-collapsorator .vjs-subs-caps-button .vjs-icon-placeholder:before{font-family:CVPlayer;content:"\f105" !important}.video-js .cv-subtitle-search-menu-item:before{font-family:CVPlayer;content:"\f120";position:absolute;left:.1em;width:1em;height:1em;display:inline-block;font-size:1.6em}.video-js .cv-subtitle-size-menu-item:before{content:"Aa";position:absolute;left:.4em;width:1em;height:1em;display:inline-block;font-style:italic}
|