@gcorevideo/player 2.28.20 → 2.28.21

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
@@ -51319,7 +51319,7 @@ class Player {
51319
51319
  }
51320
51320
  }
51321
51321
 
51322
- var version$1 = "2.28.20";
51322
+ var version$1 = "2.28.21";
51323
51323
 
51324
51324
  var packages = {
51325
51325
  "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: 20px;
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: 20px;
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
  }*,
171
175
  :focus,
172
176
  :visited {
@@ -230,171 +234,51 @@
230
234
  }
231
235
  .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
232
236
  display: inline;
233
- }.big-mute-icon-wrapper[data-big-mute] {
234
- position: absolute;
235
- z-index: 9998;
236
- background-color: transparent;
237
- display: flex;
238
- justify-content: center;
239
- width: 100%;
240
- height: calc(100% - 50px);
241
- margin: 0 auto;
242
- opacity: 0.75;
243
- transition: opacity 0.1s ease;
244
- pointer-events: auto;
245
- }
246
- .big-mute-icon-wrapper[data-big-mute].hide {
247
- display: none;
248
- }
249
- .big-mute-icon-wrapper[data-big-mute]:hover {
250
- cursor: pointer;
251
- }
252
-
253
- .big-mute-icon[data-big-mute-icon] {
254
- display: flex;
255
- align-items: center;
256
- justify-content: center;
257
- align-self: center;
258
- width: 120px;
259
- height: 120px;
260
- border: 2px solid white;
261
- border-radius: 50%;
262
- filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
263
- filter: alpha(opacity=60);
264
- opacity: 1;
265
- box-shadow: 0 0 1px 0 white;
266
- background: rgba(240, 243, 247, 0.9411764706);
267
- z-index: 10000;
268
- }
269
- .big-mute-icon[data-big-mute-icon] svg {
270
- margin-left: 5px;
271
- width: 80px;
272
- height: 80px;
273
- }
274
- .big-mute-icon[data-big-mute-icon] svg path {
275
- fill: #1f1e1e !important;
276
- }
277
- .big-mute-icon[data-big-mute-icon]:hover {
278
- background: rgba(240, 243, 247, 0.8784313725);
279
- }
280
- .big-mute-icon[data-big-mute-icon]:hover svg path {
281
- fill: #151515 !important;
282
- }@charset "UTF-8";
283
- .gplayer-mc-clips {
284
- display: flex;
285
- gap: 6px;
237
+ }.media-control-skin-1 .media-control-item.media-control-gear {
238
+ order: 99;
286
239
  }
287
- .gplayer-mc-clips .gplayer-mc-clips-text {
288
- text-overflow: ellipsis;
289
- white-space: nowrap;
290
- overflow: hidden;
291
- display: inline-block;
292
- text-overflow: ellipsis;
293
- color: white;
294
- cursor: default;
295
- line-height: var(--bottom-panel);
296
- position: relative;
297
- max-width: 150px;
240
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-wrapper {
241
+ position: absolute;
242
+ right: 16px;
243
+ bottom: 52px;
244
+ width: 250px;
245
+ min-height: 48px;
246
+ z-index: 9999;
247
+ border-radius: 4px;
248
+ box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
298
249
  }
299
- .gplayer-mc-clips .gplayer-mc-clips-text::before {
300
- content: "•";
301
- padding-right: 6px;
250
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-options-list {
251
+ padding: 8px 0;
302
252
  }
303
- .gplayer-mc-clips .gplayer-mc-clips-text.compact {
304
- max-width: 100px;
305
- }.dvr-controls {
306
- --disabled-opacity: 0.3;
307
- --circle-radius: 5px;
253
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option {
254
+ margin: 0;
255
+ text-align: left;
256
+ line-height: 22px;
257
+ padding: 5px 14px;
258
+ width: 250px;
259
+ font-size: 12px;
308
260
  display: flex;
309
261
  align-items: center;
310
- color: var(--player-dvr-color);
311
- font-size: 10px;
312
- font-weight: 500;
313
- height: var(--bottom-panel);
314
- line-height: var(--bottom-panel);
315
- margin-left: 0;
262
+ justify-content: flex-start;
263
+ gap: 8px;
316
264
  }
317
- .dvr-controls .live-info,
318
- .dvr-controls .live-button {
319
- font-size: 14px;
320
- font-weight: 500;
321
- margin-left: 20px;
322
- letter-spacing: 0.8px;
323
- text-transform: uppercase;
265
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon {
266
+ flex: 24px 0 0;
267
+ height: 20px;
324
268
  }
325
- .dvr-controls .live-info::before,
326
- .dvr-controls .live-button::before {
327
- margin-right: 8px;
328
- content: "";
269
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_icon.hidden {
270
+ visibility: hidden;
329
271
  display: inline-block;
330
- position: relative;
331
- width: calc(var(--circle-radius) * 2);
332
- height: calc(var(--circle-radius) * 2);
333
- border-radius: var(--circle-radius);
334
- background-color: var(--player-dvr-color);
335
272
  }
336
- .dvr-controls.disabled {
337
- opacity: var(--disabled-opacity);
338
- }
339
- .dvr-controls.disabled:before {
340
- background-color: var(--player-dvr-color);
341
- }
342
- .dvr-controls .live-info {
343
- text-transform: uppercase;
344
- color: #fffffe;
345
- }
346
- .dvr-controls .live-info::before {
347
- background-color: #ed4f4a;
348
- }
349
- .dvr-controls .live-button {
350
- cursor: pointer;
351
- outline: none;
352
- border: 0;
353
- color: var(--player-dvr-color);
354
- background-color: transparent;
355
- padding: 0;
356
- opacity: 0.7;
357
- transition: all 0.1s ease;
358
- }
359
- .dvr-controls .live-button:hover {
360
- opacity: 1;
361
- text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
362
- }.context-menu {
363
- z-index: 999;
364
- position: absolute;
365
- top: 0;
366
- left: 0;
367
- text-align: center;
368
- }
369
- .context-menu .context-menu-list {
370
- font-family: "Proxima Nova", sans-serif;
371
- font-size: 12px;
372
- line-height: 12px;
373
- list-style-type: none;
374
- text-align: left;
375
- padding: 5px;
376
- margin-left: auto;
377
- margin-right: auto;
378
- background-color: rgba(0, 0, 0, 0.75);
379
- border: 1px solid #666;
380
- border-radius: 4px;
381
- }
382
- .context-menu .context-menu-list-item button {
383
- border: none;
384
- background-color: transparent;
385
- padding: 0;
386
- color: white;
387
- display: flex;
388
- gap: 8px;
389
- align-items: center;
390
- justify-content: center;
391
- cursor: pointer;
392
- padding: 5px;
393
- width: 100%;
273
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_label {
274
+ flex: 0 1 100%;
394
275
  }
395
- .context-menu .context-menu-list-item_icon {
396
- width: 20px;
276
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_arrow-right-icon {
277
+ flex: 0 0 14px;
397
278
  height: 20px;
279
+ }
280
+ .media-control-skin-1 .media-control-item.media-control-gear .gear-option_value {
281
+ flex: 1 0 auto;
398
282
  }:root {
399
283
  --primary-background-color: #000;
400
284
  --secondary-background-color: #262626;
@@ -759,6 +643,29 @@
759
643
  .fullscreen .clappr-nerd-stats .stats-box {
760
644
  top: unset;
761
645
  }
646
+ }@charset "UTF-8";
647
+ .gplayer-mc-clips {
648
+ display: flex;
649
+ gap: 6px;
650
+ }
651
+ .gplayer-mc-clips .gplayer-mc-clips-text {
652
+ text-overflow: ellipsis;
653
+ white-space: nowrap;
654
+ overflow: hidden;
655
+ display: inline-block;
656
+ text-overflow: ellipsis;
657
+ color: white;
658
+ cursor: default;
659
+ line-height: var(--bottom-panel);
660
+ position: relative;
661
+ max-width: 150px;
662
+ }
663
+ .gplayer-mc-clips .gplayer-mc-clips-text::before {
664
+ content: "•";
665
+ padding-right: 6px;
666
+ }
667
+ .gplayer-mc-clips .gplayer-mc-clips-text.compact {
668
+ max-width: 100px;
762
669
  }div.player-error-screen, [data-player] div.player-error-screen {
763
670
  color: #CCCACA;
764
671
  position: absolute;
@@ -793,6 +700,107 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
793
700
  cursor: pointer;
794
701
  width: 30px;
795
702
  margin: 15px auto 0;
703
+ }.dvr-controls {
704
+ --disabled-opacity: 0.3;
705
+ --circle-radius: 5px;
706
+ display: flex;
707
+ align-items: center;
708
+ color: var(--player-dvr-color);
709
+ font-size: 10px;
710
+ font-weight: 500;
711
+ height: var(--bottom-panel);
712
+ line-height: var(--bottom-panel);
713
+ margin-left: 0;
714
+ }
715
+ .dvr-controls .live-info,
716
+ .dvr-controls .live-button {
717
+ font-size: 14px;
718
+ font-weight: 500;
719
+ margin-left: 20px;
720
+ letter-spacing: 0.8px;
721
+ text-transform: uppercase;
722
+ }
723
+ .dvr-controls .live-info::before,
724
+ .dvr-controls .live-button::before {
725
+ margin-right: 8px;
726
+ content: "";
727
+ display: inline-block;
728
+ position: relative;
729
+ width: calc(var(--circle-radius) * 2);
730
+ height: calc(var(--circle-radius) * 2);
731
+ border-radius: var(--circle-radius);
732
+ background-color: var(--player-dvr-color);
733
+ }
734
+ .dvr-controls.disabled {
735
+ opacity: var(--disabled-opacity);
736
+ }
737
+ .dvr-controls.disabled:before {
738
+ background-color: var(--player-dvr-color);
739
+ }
740
+ .dvr-controls .live-info {
741
+ text-transform: uppercase;
742
+ color: #fffffe;
743
+ }
744
+ .dvr-controls .live-info::before {
745
+ background-color: #ed4f4a;
746
+ }
747
+ .dvr-controls .live-button {
748
+ cursor: pointer;
749
+ outline: none;
750
+ border: 0;
751
+ color: var(--player-dvr-color);
752
+ background-color: transparent;
753
+ padding: 0;
754
+ opacity: 0.7;
755
+ transition: all 0.1s ease;
756
+ }
757
+ .dvr-controls .live-button:hover {
758
+ opacity: 1;
759
+ text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
760
+ }.context-menu {
761
+ z-index: 999;
762
+ position: absolute;
763
+ top: 0;
764
+ left: 0;
765
+ text-align: center;
766
+ }
767
+ .context-menu .context-menu-list {
768
+ font-family: "Proxima Nova", sans-serif;
769
+ font-size: 12px;
770
+ line-height: 12px;
771
+ list-style-type: none;
772
+ text-align: left;
773
+ padding: 5px;
774
+ margin-left: auto;
775
+ margin-right: auto;
776
+ background-color: rgba(0, 0, 0, 0.75);
777
+ border: 1px solid #666;
778
+ border-radius: 4px;
779
+ }
780
+ .context-menu .context-menu-list-item button {
781
+ border: none;
782
+ background-color: transparent;
783
+ padding: 0;
784
+ color: white;
785
+ display: flex;
786
+ gap: 8px;
787
+ align-items: center;
788
+ justify-content: center;
789
+ cursor: pointer;
790
+ padding: 5px;
791
+ width: 100%;
792
+ }
793
+ .context-menu .context-menu-list-item_icon {
794
+ width: 20px;
795
+ height: 20px;
796
+ }.media-control-skin-1 .media-control-item.media-control-pip {
797
+ order: 95;
798
+ }
799
+ .media-control-skin-1 .media-control-item.media-control-pip button {
800
+ height: 20px;
801
+ }
802
+ .media-control-skin-1 .media-control-item.media-control-pip button svg {
803
+ height: 20px;
796
804
  }[data-player] {
797
805
  --bottom-panel: 40px;
798
806
  }
@@ -1414,54 +1422,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1414
1422
  100% {
1415
1423
  color: #B80000;
1416
1424
  }
1417
- }.player-poster {
1418
- display: flex;
1419
- justify-content: center;
1420
- align-items: center;
1421
- position: absolute;
1422
- height: 100%;
1423
- width: 100%;
1424
- z-index: 998;
1425
- top: 0;
1426
- left: 0;
1427
- background-color: #000;
1428
- background-size: cover;
1429
- background-repeat: no-repeat;
1430
- background-position: 50% 50%;
1431
- }
1432
- .player-poster.clickable {
1433
- cursor: pointer;
1434
- }
1435
- .player-poster:hover .play-wrapper {
1436
- opacity: 1;
1437
- }
1438
- .player-poster .play-wrapper {
1439
- width: 100%;
1440
- height: 25%;
1441
- margin: 0 auto;
1442
- opacity: 0.75;
1443
- transition: opacity 0.1s ease;
1444
- }
1445
- .player-poster .play-wrapper svg {
1446
- height: 100%;
1447
- display: inline;
1448
- }
1449
- .player-poster .play-wrapper svg path {
1450
- fill: #fff;
1451
- }.quality-levels li.disabled {
1452
- opacity: 0.5;
1453
- pointer-events: none;
1454
- }
1455
- .quality-levels li.current {
1456
- background-color: #000;
1457
- }.media-control-skin-1 .media-control-item.media-control-pip {
1458
- order: 95;
1459
- }
1460
- .media-control-skin-1 .media-control-item.media-control-pip button {
1461
- height: 20px;
1462
- }
1463
- .media-control-skin-1 .media-control-item.media-control-pip button svg {
1464
- height: 20px;
1465
1425
  }*,
1466
1426
  :focus,
1467
1427
  :visited {
@@ -1597,6 +1557,12 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1597
1557
  }
1598
1558
  .multicamera[data-multicamera] li.current a {
1599
1559
  color: #f00;
1560
+ }.quality-levels li.disabled {
1561
+ opacity: 0.5;
1562
+ pointer-events: none;
1563
+ }
1564
+ .quality-levels li.current {
1565
+ background-color: #000;
1600
1566
  }.seek-time {
1601
1567
  position: absolute;
1602
1568
  white-space: nowrap;
@@ -1630,27 +1596,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1630
1596
  .seek-time .seek-time__duration::before {
1631
1597
  content: "|";
1632
1598
  margin-right: 7px;
1633
- }.container-with-poster-clickable .mc-skip-time {
1634
- height: 0;
1635
- }
1636
-
1637
- .mc-skip-time {
1638
- position: absolute;
1639
- width: 100%;
1640
- height: calc(100% - 50px);
1641
- z-index: 9998;
1642
- background-color: transparent;
1643
- font-family: Roboto, "Open Sans", Arial, sans-serif;
1644
- }
1645
- .mc-skip-time .skip-container {
1646
- width: 100%;
1647
- height: 100%;
1648
- display: flex;
1649
- justify-content: space-between;
1650
- }
1651
- .mc-skip-time .skip-container .skip-item {
1652
- flex: 1 0 0px;
1653
- height: 100%;
1654
1599
  }.share_plugin[data-share] {
1655
1600
  pointer-events: auto;
1656
1601
  z-index: 5;
@@ -1734,6 +1679,61 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1734
1679
  display: inline-block;
1735
1680
  margin-right: 5px;
1736
1681
  cursor: pointer;
1682
+ }.container-with-poster-clickable .mc-skip-time {
1683
+ height: 0;
1684
+ }
1685
+
1686
+ .mc-skip-time {
1687
+ position: absolute;
1688
+ width: 100%;
1689
+ height: calc(100% - 50px);
1690
+ z-index: 9998;
1691
+ background-color: transparent;
1692
+ font-family: Roboto, "Open Sans", Arial, sans-serif;
1693
+ }
1694
+ .mc-skip-time .skip-container {
1695
+ width: 100%;
1696
+ height: 100%;
1697
+ display: flex;
1698
+ justify-content: space-between;
1699
+ }
1700
+ .mc-skip-time .skip-container .skip-item {
1701
+ flex: 1 0 0px;
1702
+ height: 100%;
1703
+ }.player-poster {
1704
+ display: flex;
1705
+ justify-content: center;
1706
+ align-items: center;
1707
+ position: absolute;
1708
+ height: 100%;
1709
+ width: 100%;
1710
+ z-index: 998;
1711
+ top: 0;
1712
+ left: 0;
1713
+ background-color: #000;
1714
+ background-size: cover;
1715
+ background-repeat: no-repeat;
1716
+ background-position: 50% 50%;
1717
+ }
1718
+ .player-poster.clickable {
1719
+ cursor: pointer;
1720
+ }
1721
+ .player-poster:hover .play-wrapper {
1722
+ opacity: 1;
1723
+ }
1724
+ .player-poster .play-wrapper {
1725
+ width: 100%;
1726
+ height: 25%;
1727
+ margin: 0 auto;
1728
+ opacity: 0.75;
1729
+ transition: opacity 0.1s ease;
1730
+ }
1731
+ .player-poster .play-wrapper svg {
1732
+ height: 100%;
1733
+ display: inline;
1734
+ }
1735
+ .player-poster .play-wrapper svg path {
1736
+ fill: #fff;
1737
1737
  }.spinner-three-bounce[data-spinner] {
1738
1738
  position: absolute;
1739
1739
  width: 70px;