@gcorevideo/player 2.28.8 → 2.28.9

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/core.js CHANGED
@@ -49957,7 +49957,7 @@ class Player {
49957
49957
  }
49958
49958
  }
49959
49959
 
49960
- var version$1 = "2.28.8";
49960
+ var version$1 = "2.28.9";
49961
49961
 
49962
49962
  var packages = {
49963
49963
  "node_modules/@clappr/core": {
package/dist/index.css CHANGED
@@ -122,51 +122,55 @@
122
122
  .gplayer-lite-btn::-moz-focus-inner {
123
123
  border: 0;
124
124
  padding: 0;
125
- }.media-control-skin-1 .media-control-item.media-control-gear {
126
- order: 99;
127
- }
128
- .media-control-skin-1 .media-control-item.media-control-gear .gear-wrapper {
125
+ }.big-mute-icon-wrapper[data-big-mute] {
129
126
  position: absolute;
130
- right: 16px;
131
- bottom: 52px;
132
- width: 250px;
133
- min-height: 48px;
134
- z-index: 9999;
135
- border-radius: 4px;
136
- box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
127
+ z-index: 9998;
128
+ background-color: transparent;
129
+ display: flex;
130
+ justify-content: center;
131
+ width: 100%;
132
+ height: calc(100% - 50px);
133
+ margin: 0 auto;
134
+ opacity: 0.75;
135
+ transition: opacity 0.1s ease;
136
+ pointer-events: auto;
137
137
  }
138
- .media-control-skin-1 .media-control-item.media-control-gear .gear-options-list {
139
- padding: 8px 0;
138
+ .big-mute-icon-wrapper[data-big-mute].hide {
139
+ display: none;
140
140
  }
141
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option {
142
- margin: 0;
143
- text-align: left;
144
- line-height: 22px;
145
- padding: 5px 14px;
146
- width: 250px;
147
- font-size: 12px;
141
+ .big-mute-icon-wrapper[data-big-mute]:hover {
142
+ cursor: pointer;
143
+ }
144
+
145
+ .big-mute-icon[data-big-mute-icon] {
148
146
  display: flex;
149
147
  align-items: center;
150
- justify-content: flex-start;
151
- gap: 8px;
152
- }
153
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon {
154
- flex: 24px 0 0;
155
- height: 24px;
148
+ justify-content: center;
149
+ align-self: center;
150
+ width: 120px;
151
+ height: 120px;
152
+ border: 2px solid white;
153
+ border-radius: 50%;
154
+ filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
155
+ filter: alpha(opacity=60);
156
+ opacity: 1;
157
+ box-shadow: 0 0 1px 0 white;
158
+ background: rgba(240, 243, 247, 0.9411764706);
159
+ z-index: 10000;
156
160
  }
157
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon.hidden {
158
- visibility: hidden;
159
- display: inline-block;
161
+ .big-mute-icon[data-big-mute-icon] svg {
162
+ margin-left: 5px;
163
+ width: 80px;
164
+ height: 80px;
160
165
  }
161
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option_label {
162
- flex: 0 1 100%;
166
+ .big-mute-icon[data-big-mute-icon] svg path {
167
+ fill: #1f1e1e !important;
163
168
  }
164
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option_arrow-right-icon {
165
- flex: 0 0 14px;
166
- height: 24px;
169
+ .big-mute-icon[data-big-mute-icon]:hover {
170
+ background: rgba(240, 243, 247, 0.8784313725);
167
171
  }
168
- .media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
169
- flex: 1 0 auto;
172
+ .big-mute-icon[data-big-mute-icon]:hover svg path {
173
+ fill: #151515 !important;
170
174
  }*, :focus, :visited {
171
175
  outline: none !important;
172
176
  }
@@ -225,55 +229,51 @@
225
229
  }
226
230
  .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
227
231
  display: inline;
228
- }.big-mute-icon-wrapper[data-big-mute] {
229
- position: absolute;
230
- z-index: 9998;
231
- background-color: transparent;
232
- display: flex;
233
- justify-content: center;
234
- width: 100%;
235
- height: calc(100% - 50px);
236
- margin: 0 auto;
237
- opacity: 0.75;
238
- transition: opacity 0.1s ease;
239
- pointer-events: auto;
232
+ }.media-control-skin-1 .media-control-item.media-control-gear {
233
+ order: 99;
240
234
  }
241
- .big-mute-icon-wrapper[data-big-mute].hide {
242
- display: none;
235
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-wrapper {
236
+ position: absolute;
237
+ right: 16px;
238
+ bottom: 52px;
239
+ width: 250px;
240
+ min-height: 48px;
241
+ z-index: 9999;
242
+ border-radius: 4px;
243
+ box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
243
244
  }
244
- .big-mute-icon-wrapper[data-big-mute]:hover {
245
- cursor: pointer;
245
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-options-list {
246
+ padding: 8px 0;
246
247
  }
247
-
248
- .big-mute-icon[data-big-mute-icon] {
248
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option {
249
+ margin: 0;
250
+ text-align: left;
251
+ line-height: 22px;
252
+ padding: 5px 14px;
253
+ width: 250px;
254
+ font-size: 12px;
249
255
  display: flex;
250
256
  align-items: center;
251
- justify-content: center;
252
- align-self: center;
253
- width: 120px;
254
- height: 120px;
255
- border: 2px solid white;
256
- border-radius: 50%;
257
- filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
258
- filter: alpha(opacity=60);
259
- opacity: 1;
260
- box-shadow: 0 0 1px 0 white;
261
- background: rgba(240, 243, 247, 0.9411764706);
262
- z-index: 10000;
257
+ justify-content: flex-start;
258
+ gap: 8px;
263
259
  }
264
- .big-mute-icon[data-big-mute-icon] svg {
265
- margin-left: 5px;
266
- width: 80px;
267
- height: 80px;
260
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon {
261
+ flex: 24px 0 0;
262
+ height: 24px;
268
263
  }
269
- .big-mute-icon[data-big-mute-icon] svg path {
270
- fill: #1f1e1e !important;
264
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon.hidden {
265
+ visibility: hidden;
266
+ display: inline-block;
271
267
  }
272
- .big-mute-icon[data-big-mute-icon]:hover {
273
- background: rgba(240, 243, 247, 0.8784313725);
268
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_label {
269
+ flex: 0 1 100%;
274
270
  }
275
- .big-mute-icon[data-big-mute-icon]:hover svg path {
276
- fill: #151515 !important;
271
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_arrow-right-icon {
272
+ flex: 0 0 14px;
273
+ height: 24px;
274
+ }
275
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
276
+ flex: 1 0 auto;
277
277
  }:root {
278
278
  --primary-background-color: #000;
279
279
  --secondary-background-color: #262626;
@@ -754,40 +754,6 @@
754
754
  .dvr-controls .live-button:hover {
755
755
  opacity: 1;
756
756
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
757
- }div.player-error-screen, [data-player] div.player-error-screen {
758
- color: #CCCACA;
759
- position: absolute;
760
- top: 0;
761
- height: 100%;
762
- width: 100%;
763
- background-color: rgba(0, 0, 0, 0.7);
764
- z-index: 2000;
765
- display: flex;
766
- flex-direction: column;
767
- justify-content: center;
768
- }
769
- div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
770
- font-size: 14px;
771
- color: #CCCACA;
772
- margin-top: 45px;
773
- }
774
- div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
775
- font-weight: bold;
776
- line-height: 30px;
777
- font-size: 18px;
778
- }
779
- div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
780
- width: 90%;
781
- margin: 0 auto;
782
- }
783
- div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
784
- font-size: 13px;
785
- margin-top: 15px;
786
- }
787
- div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
788
- cursor: pointer;
789
- width: 30px;
790
- margin: 15px auto 0;
791
757
  }*,
792
758
  :focus,
793
759
  :visited {
@@ -923,40 +889,40 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
923
889
  }
924
890
  .multicamera[data-multicamera] li.current a {
925
891
  color: #f00;
926
- }.player-poster {
927
- display: flex;
928
- justify-content: center;
929
- align-items: center;
892
+ }div.player-error-screen, [data-player] div.player-error-screen {
893
+ color: #CCCACA;
930
894
  position: absolute;
895
+ top: 0;
931
896
  height: 100%;
932
897
  width: 100%;
933
- z-index: 998;
934
- top: 0;
935
- left: 0;
936
- background-color: #000;
937
- background-size: cover;
938
- background-repeat: no-repeat;
939
- background-position: 50% 50%;
898
+ background-color: rgba(0, 0, 0, 0.7);
899
+ z-index: 2000;
900
+ display: flex;
901
+ flex-direction: column;
902
+ justify-content: center;
940
903
  }
941
- .player-poster.clickable {
942
- cursor: pointer;
904
+ div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
905
+ font-size: 14px;
906
+ color: #CCCACA;
907
+ margin-top: 45px;
943
908
  }
944
- .player-poster:hover .play-wrapper {
945
- opacity: 1;
909
+ div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
910
+ font-weight: bold;
911
+ line-height: 30px;
912
+ font-size: 18px;
946
913
  }
947
- .player-poster .play-wrapper {
948
- width: 100%;
949
- height: 25%;
914
+ div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
915
+ width: 90%;
950
916
  margin: 0 auto;
951
- opacity: 0.75;
952
- transition: opacity 0.1s ease;
953
917
  }
954
- .player-poster .play-wrapper svg {
955
- height: 100%;
956
- display: inline;
918
+ div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
919
+ font-size: 13px;
920
+ margin-top: 15px;
957
921
  }
958
- .player-poster .play-wrapper svg path {
959
- fill: #fff;
922
+ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
923
+ cursor: pointer;
924
+ width: 30px;
925
+ margin: 15px auto 0;
960
926
  }.media-control-skin-1 .media-control-item.media-control-pip {
961
927
  order: 95;
962
928
  }
@@ -1586,6 +1552,40 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1586
1552
  100% {
1587
1553
  color: #B80000;
1588
1554
  }
1555
+ }.player-poster {
1556
+ display: flex;
1557
+ justify-content: center;
1558
+ align-items: center;
1559
+ position: absolute;
1560
+ height: 100%;
1561
+ width: 100%;
1562
+ z-index: 998;
1563
+ top: 0;
1564
+ left: 0;
1565
+ background-color: #000;
1566
+ background-size: cover;
1567
+ background-repeat: no-repeat;
1568
+ background-position: 50% 50%;
1569
+ }
1570
+ .player-poster.clickable {
1571
+ cursor: pointer;
1572
+ }
1573
+ .player-poster:hover .play-wrapper {
1574
+ opacity: 1;
1575
+ }
1576
+ .player-poster .play-wrapper {
1577
+ width: 100%;
1578
+ height: 25%;
1579
+ margin: 0 auto;
1580
+ opacity: 0.75;
1581
+ transition: opacity 0.1s ease;
1582
+ }
1583
+ .player-poster .play-wrapper svg {
1584
+ height: 100%;
1585
+ display: inline;
1586
+ }
1587
+ .player-poster .play-wrapper svg path {
1588
+ fill: #fff;
1589
1589
  }.quality-levels li.disabled {
1590
1590
  opacity: 0.5;
1591
1591
  pointer-events: none;
@@ -1625,27 +1625,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1625
1625
  .seek-time .seek-time__duration::before {
1626
1626
  content: "|";
1627
1627
  margin-right: 7px;
1628
- }.container-with-poster-clickable .mc-skip-time {
1629
- height: 0;
1630
- }
1631
-
1632
- .mc-skip-time {
1633
- position: absolute;
1634
- width: 100%;
1635
- height: calc(100% - 50px);
1636
- z-index: 9998;
1637
- background-color: transparent;
1638
- font-family: Roboto, "Open Sans", Arial, sans-serif;
1639
- }
1640
- .mc-skip-time .skip-container {
1641
- width: 100%;
1642
- height: 100%;
1643
- display: flex;
1644
- justify-content: space-between;
1645
- }
1646
- .mc-skip-time .skip-container .skip-item {
1647
- flex: 1 0 0px;
1648
- height: 100%;
1649
1628
  }.spinner-three-bounce[data-spinner] {
1650
1629
  position: absolute;
1651
1630
  width: 70px;
@@ -1767,6 +1746,74 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1767
1746
  display: inline-block;
1768
1747
  margin-right: 5px;
1769
1748
  cursor: pointer;
1749
+ }.container-with-poster-clickable .mc-skip-time {
1750
+ height: 0;
1751
+ }
1752
+
1753
+ .mc-skip-time {
1754
+ position: absolute;
1755
+ width: 100%;
1756
+ height: calc(100% - 50px);
1757
+ z-index: 9998;
1758
+ background-color: transparent;
1759
+ font-family: Roboto, "Open Sans", Arial, sans-serif;
1760
+ }
1761
+ .mc-skip-time .skip-container {
1762
+ width: 100%;
1763
+ height: 100%;
1764
+ display: flex;
1765
+ justify-content: space-between;
1766
+ }
1767
+ .mc-skip-time .skip-container .skip-item {
1768
+ flex: 1 0 0px;
1769
+ height: 100%;
1770
+ }.media-control-skin-1 .media-control-cc button.media-control-button {
1771
+ display: flex;
1772
+ justify-content: center;
1773
+ padding: 0;
1774
+ align-items: center;
1775
+ vertical-align: top;
1776
+ }
1777
+ .media-control-skin-1 .media-control-cc button.media-control-button:hover {
1778
+ color: white;
1779
+ }
1780
+ .media-control-skin-1 .media-control-cc ul li {
1781
+ text-align: center;
1782
+ }
1783
+ .media-control-skin-1 .media-control-cc ul li a {
1784
+ height: 30px;
1785
+ padding: 5px 10px;
1786
+ color: #fffffe;
1787
+ }
1788
+ .media-control-skin-1 .media-control-cc ul li a:hover {
1789
+ background-color: rgba(0, 0, 0, 0.4);
1790
+ }
1791
+ .media-control-skin-1 .media-control-cc ul li.current a {
1792
+ background-color: rgba(0, 0, 0, 0.4);
1793
+ }
1794
+ .media-control-skin-1 .media-control-cc ul li:first-child a {
1795
+ border-bottom-left-radius: 4px;
1796
+ border-bottom-right-radius: 4px;
1797
+ }
1798
+ .media-control-skin-1 .media-control-cc ul li:last-child a {
1799
+ border-top-left-radius: 4px;
1800
+ border-top-right-radius: 4px;
1801
+ }
1802
+ .media-control-skin-1 .media-control-cc {
1803
+ position: relative;
1804
+ order: 85;
1805
+ }
1806
+
1807
+ .container .gplayer-cc-line {
1808
+ position: absolute;
1809
+ bottom: calc(var(--bottom-panel) + 5px);
1810
+ width: 100%;
1811
+ }
1812
+ .container .gplayer-cc-line p {
1813
+ width: auto;
1814
+ background-color: rgba(0, 0, 0, 0.4);
1815
+ color: white;
1816
+ display: inline-block;
1770
1817
  }.scrub-thumbnails {
1771
1818
  position: absolute;
1772
1819
  bottom: 52px;
@@ -1830,53 +1877,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1830
1877
  }
1831
1878
  .scrub-thumbnails .backdrop .carousel img {
1832
1879
  width: auto;
1833
- }.media-control-skin-1 .media-control-cc button.media-control-button {
1834
- display: flex;
1835
- justify-content: center;
1836
- padding: 0;
1837
- align-items: center;
1838
- vertical-align: top;
1839
- }
1840
- .media-control-skin-1 .media-control-cc button.media-control-button:hover {
1841
- color: white;
1842
- }
1843
- .media-control-skin-1 .media-control-cc ul li {
1844
- text-align: center;
1845
- }
1846
- .media-control-skin-1 .media-control-cc ul li a {
1847
- height: 30px;
1848
- padding: 5px 10px;
1849
- color: #fffffe;
1850
- }
1851
- .media-control-skin-1 .media-control-cc ul li a:hover {
1852
- background-color: rgba(0, 0, 0, 0.4);
1853
- }
1854
- .media-control-skin-1 .media-control-cc ul li.current a {
1855
- background-color: rgba(0, 0, 0, 0.4);
1856
- }
1857
- .media-control-skin-1 .media-control-cc ul li:first-child a {
1858
- border-bottom-left-radius: 4px;
1859
- border-bottom-right-radius: 4px;
1860
- }
1861
- .media-control-skin-1 .media-control-cc ul li:last-child a {
1862
- border-top-left-radius: 4px;
1863
- border-top-right-radius: 4px;
1864
- }
1865
- .media-control-skin-1 .media-control-cc {
1866
- position: relative;
1867
- order: 85;
1868
- }
1869
-
1870
- .container .gplayer-cc-line {
1871
- position: absolute;
1872
- bottom: calc(var(--bottom-panel) + 5px);
1873
- width: 100%;
1874
- }
1875
- .container .gplayer-cc-line p {
1876
- width: auto;
1877
- background-color: rgba(0, 0, 0, 0.4);
1878
- color: white;
1879
- display: inline-block;
1880
1880
  }.player-logo[data-logo] {
1881
1881
  position: absolute;
1882
1882
  z-index: 2;
package/dist/index.js CHANGED
@@ -50043,7 +50043,7 @@ class Player {
50043
50043
  }
50044
50044
  }
50045
50045
 
50046
- var version$1 = "2.28.8";
50046
+ var version$1 = "2.28.9";
50047
50047
 
50048
50048
  var packages = {
50049
50049
  "node_modules/@clappr/core": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gcorevideo/player",
3
- "version": "2.28.8",
3
+ "version": "2.28.9",
4
4
  "description": "Gcore JavaScript video player",
5
5
  "main": "dist/index.js",
6
6
  "type": "module",