@gcorevideo/player 2.28.21 → 2.28.23

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.21";
51322
+ var version$1 = "2.28.23";
51323
51323
 
51324
51324
  var packages = {
51325
51325
  "node_modules/@clappr/core": {
package/dist/index.css CHANGED
@@ -643,6 +643,42 @@
643
643
  .fullscreen .clappr-nerd-stats .stats-box {
644
644
  top: unset;
645
645
  }
646
+ }.context-menu {
647
+ z-index: 999;
648
+ position: absolute;
649
+ top: 0;
650
+ left: 0;
651
+ text-align: center;
652
+ }
653
+ .context-menu .context-menu-list {
654
+ font-family: "Proxima Nova", sans-serif;
655
+ font-size: 12px;
656
+ line-height: 12px;
657
+ list-style-type: none;
658
+ text-align: left;
659
+ padding: 5px;
660
+ margin-left: auto;
661
+ margin-right: auto;
662
+ background-color: rgba(0, 0, 0, 0.75);
663
+ border: 1px solid #666;
664
+ border-radius: 4px;
665
+ }
666
+ .context-menu .context-menu-list-item button {
667
+ border: none;
668
+ background-color: transparent;
669
+ padding: 0;
670
+ color: white;
671
+ display: flex;
672
+ gap: 8px;
673
+ align-items: center;
674
+ justify-content: center;
675
+ cursor: pointer;
676
+ padding: 5px;
677
+ width: 100%;
678
+ }
679
+ .context-menu .context-menu-list-item_icon {
680
+ width: 20px;
681
+ height: 20px;
646
682
  }@charset "UTF-8";
647
683
  .gplayer-mc-clips {
648
684
  display: flex;
@@ -666,40 +702,6 @@
666
702
  }
667
703
  .gplayer-mc-clips .gplayer-mc-clips-text.compact {
668
704
  max-width: 100px;
669
- }div.player-error-screen, [data-player] div.player-error-screen {
670
- color: #CCCACA;
671
- position: absolute;
672
- top: 0;
673
- height: 100%;
674
- width: 100%;
675
- background-color: rgba(0, 0, 0, 0.7);
676
- z-index: 2000;
677
- display: flex;
678
- flex-direction: column;
679
- justify-content: center;
680
- }
681
- div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
682
- font-size: 14px;
683
- color: #CCCACA;
684
- margin-top: 45px;
685
- }
686
- div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
687
- font-weight: bold;
688
- line-height: 30px;
689
- font-size: 18px;
690
- }
691
- div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
692
- width: 90%;
693
- margin: 0 auto;
694
- }
695
- div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
696
- font-size: 13px;
697
- margin-top: 15px;
698
- }
699
- div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
700
- cursor: pointer;
701
- width: 30px;
702
- margin: 15px auto 0;
703
705
  }.dvr-controls {
704
706
  --disabled-opacity: 0.3;
705
707
  --circle-radius: 5px;
@@ -757,50 +759,40 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
757
759
  .dvr-controls .live-button:hover {
758
760
  opacity: 1;
759
761
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px;
760
- }.context-menu {
761
- z-index: 999;
762
+ }div.player-error-screen, [data-player] div.player-error-screen {
763
+ color: #CCCACA;
762
764
  position: absolute;
763
765
  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;
766
+ height: 100%;
767
+ width: 100%;
768
+ background-color: rgba(0, 0, 0, 0.7);
769
+ z-index: 2000;
785
770
  display: flex;
786
- gap: 8px;
787
- align-items: center;
771
+ flex-direction: column;
788
772
  justify-content: center;
789
- cursor: pointer;
790
- padding: 5px;
791
- width: 100%;
792
773
  }
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;
774
+ div.player-error-screen__content[data-error-screen], [data-player] div.player-error-screen__content[data-error-screen] {
775
+ font-size: 14px;
776
+ color: #CCCACA;
777
+ margin-top: 45px;
798
778
  }
799
- .media-control-skin-1 .media-control-item.media-control-pip button {
800
- height: 20px;
779
+ div.player-error-screen__title[data-error-screen], [data-player] div.player-error-screen__title[data-error-screen] {
780
+ font-weight: bold;
781
+ line-height: 30px;
782
+ font-size: 18px;
801
783
  }
802
- .media-control-skin-1 .media-control-item.media-control-pip button svg {
803
- height: 20px;
784
+ div.player-error-screen__message[data-error-screen], [data-player] div.player-error-screen__message[data-error-screen] {
785
+ width: 90%;
786
+ margin: 0 auto;
787
+ }
788
+ div.player-error-screen__code[data-error-screen], [data-player] div.player-error-screen__code[data-error-screen] {
789
+ font-size: 13px;
790
+ margin-top: 15px;
791
+ }
792
+ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
793
+ cursor: pointer;
794
+ width: 30px;
795
+ margin: 15px auto 0;
804
796
  }[data-player] {
805
797
  --bottom-panel: 40px;
806
798
  }
@@ -1557,45 +1549,54 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1557
1549
  }
1558
1550
  .multicamera[data-multicamera] li.current a {
1559
1551
  color: #f00;
1560
- }.quality-levels li.disabled {
1561
- opacity: 0.5;
1562
- pointer-events: none;
1552
+ }.media-control-skin-1 .media-control-item.media-control-pip {
1553
+ order: 95;
1563
1554
  }
1564
- .quality-levels li.current {
1565
- background-color: #000;
1566
- }.seek-time {
1567
- position: absolute;
1568
- white-space: nowrap;
1555
+ .media-control-skin-1 .media-control-item.media-control-pip button {
1569
1556
  height: 20px;
1570
- line-height: 20px;
1571
- font-size: 0;
1572
- left: -100%;
1573
- bottom: 55px;
1574
- background-color: rgba(2, 2, 2, 0.5);
1575
- z-index: 9999;
1576
- transition: opacity 0.1s ease;
1577
1557
  }
1578
- .seek-time.hidden {
1579
- opacity: 0;
1558
+ .media-control-skin-1 .media-control-item.media-control-pip button svg {
1559
+ height: 20px;
1560
+ }.player-poster {
1561
+ display: flex;
1562
+ justify-content: center;
1563
+ align-items: center;
1564
+ position: absolute;
1565
+ height: 100%;
1566
+ width: 100%;
1567
+ z-index: 998;
1568
+ top: 0;
1569
+ left: 0;
1570
+ background-color: #000;
1571
+ background-size: cover;
1572
+ background-repeat: no-repeat;
1573
+ background-position: 50% 50%;
1580
1574
  }
1581
- .seek-time .seek-time__pos {
1582
- display: inline-block;
1583
- color: white;
1584
- font-size: 10px;
1585
- padding-left: 7px;
1586
- padding-right: 7px;
1587
- vertical-align: top;
1575
+ .player-poster.clickable {
1576
+ cursor: pointer;
1588
1577
  }
1589
- .seek-time .seek-time__duration {
1590
- display: inline-block;
1591
- color: rgba(255, 255, 255, 0.5);
1592
- font-size: 10px;
1593
- padding-right: 7px;
1594
- vertical-align: top;
1578
+ .player-poster:hover .play-wrapper {
1579
+ opacity: 1;
1595
1580
  }
1596
- .seek-time .seek-time__duration::before {
1597
- content: "|";
1598
- margin-right: 7px;
1581
+ .player-poster .play-wrapper {
1582
+ width: 100%;
1583
+ height: 25%;
1584
+ margin: 0 auto;
1585
+ opacity: 0.75;
1586
+ transition: opacity 0.1s ease;
1587
+ }
1588
+ .player-poster .play-wrapper svg {
1589
+ height: 100%;
1590
+ display: inline;
1591
+ }
1592
+ .player-poster .play-wrapper svg path {
1593
+ fill: #fff;
1594
+ }.quality-levels li.disabled {
1595
+ opacity: 0.5;
1596
+ pointer-events: none;
1597
+ }
1598
+ .quality-levels li.current {
1599
+ background-color: #000;
1599
1600
  }.share_plugin[data-share] {
1600
1601
  pointer-events: auto;
1601
1602
  z-index: 5;
@@ -1700,40 +1701,39 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
1700
1701
  .mc-skip-time .skip-container .skip-item {
1701
1702
  flex: 1 0 0px;
1702
1703
  height: 100%;
1703
- }.player-poster {
1704
- display: flex;
1705
- justify-content: center;
1706
- align-items: center;
1704
+ }.seek-time {
1707
1705
  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;
1706
+ white-space: nowrap;
1707
+ height: 20px;
1708
+ line-height: 20px;
1709
+ font-size: 0;
1710
+ left: -100%;
1711
+ bottom: 55px;
1712
+ background-color: rgba(2, 2, 2, 0.5);
1713
+ z-index: 9999;
1714
+ transition: opacity 0.1s ease;
1720
1715
  }
1721
- .player-poster:hover .play-wrapper {
1722
- opacity: 1;
1716
+ .seek-time.hidden {
1717
+ opacity: 0;
1723
1718
  }
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;
1719
+ .seek-time .seek-time__pos {
1720
+ display: inline-block;
1721
+ color: white;
1722
+ font-size: 10px;
1723
+ padding-left: 7px;
1724
+ padding-right: 7px;
1725
+ vertical-align: top;
1730
1726
  }
1731
- .player-poster .play-wrapper svg {
1732
- height: 100%;
1733
- display: inline;
1727
+ .seek-time .seek-time__duration {
1728
+ display: inline-block;
1729
+ color: rgba(255, 255, 255, 0.5);
1730
+ font-size: 10px;
1731
+ padding-right: 7px;
1732
+ vertical-align: top;
1734
1733
  }
1735
- .player-poster .play-wrapper svg path {
1736
- fill: #fff;
1734
+ .seek-time .seek-time__duration::before {
1735
+ content: "|";
1736
+ margin-right: 7px;
1737
1737
  }.spinner-three-bounce[data-spinner] {
1738
1738
  position: absolute;
1739
1739
  width: 70px;