zwplayer-vue2x 1.0.19 → 1.0.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/zwplayerlib/zwplayer/css/zwplayer.css +34 -20
  3. package/zwplayerlib/zwplayer/zwplayer.js +294 -293
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zwplayer-vue2x",
3
- "version": "1.0.19",
3
+ "version": "1.0.21",
4
4
  "description": "A fully functional and lightweight free open-source web player",
5
5
  "main": "lib/zwplayervue2.umd.min.js",
6
6
  "keyword": "zwplayervue2, zwplayer-vue2x, zero-web-player",
package/zwplayerlib/zwplayer/css/zwplayer.css CHANGED
@@ -866,6 +866,8 @@
866
866
 
867
867
  .zwp__time.zwp__duration-container {
868
868
  padding-left: 0;
869
+ overflow: hidden;
870
+ white-space: nowrap;
869
871
  }
870
872
 
871
873
  @-webkit-keyframes buffering-stripes {
@@ -1527,6 +1529,7 @@
1527
1529
  .zwp-chapterPanel {
1528
1530
  bottom: 100%;
1529
1531
  width: auto;
1532
+ min-width: 250px;
1530
1533
  max-height: 400px;
1531
1534
  padding-top: 36px;
1532
1535
  }
@@ -1549,7 +1552,8 @@
1549
1552
  .zwp-chapterlist li {
1550
1553
  list-style: none;
1551
1554
  display: flex;
1552
- min-height: 40px;
1555
+ flex-direction: column;
1556
+ min-height: 30px;
1553
1557
  cursor: pointer;
1554
1558
  border-radius: 0;
1555
1559
  padding: 3px 10px;
@@ -1561,45 +1565,55 @@
1561
1565
  color: #46abfb;
1562
1566
  }
1563
1567
 
1564
- .zwp-chapterlist li:hover .title {
1565
-
1568
+
1569
+
1570
+ .zwp-chapterlist li .item-title {
1571
+ white-space: nowrap;
1572
+ overflow: hidden;
1566
1573
  }
1567
1574
 
1568
1575
  .zwp-chapterlist li .item-time {
1569
- width: 60px;
1576
+ min-width: 60px;
1570
1577
  font-size: 14px;
1571
- line-height: 22px;
1572
- text-align: right;
1573
- padding-right: 10px;
1578
+ line-height: 22px;
1579
+ text-align: right;
1580
+ padding: 3px 10px 3px 0;
1581
+ padding-right: 10px;
1574
1582
  font-weight: bold;
1575
- padding-top: 2px;
1576
1583
  }
1577
1584
 
1578
- .zwp-chapterlist li .item-content {
1579
- flex-grow: 1;
1580
- text-align: left;
1581
- }
1582
-
1583
- .zwp-chapterlist li .item-content .title {
1585
+ .zwp-chapterlist li .item-title .title {
1584
1586
  font-size: 16px;
1585
1587
  font-weight: 600;
1586
- display: block;
1587
- padding: 3px 0;
1588
+ display: inline-block;
1589
+ padding: 3px 0;
1588
1590
  line-height: 18px;
1589
- max-height: 42px;
1590
- overflow: hidden;
1591
+ max-height: 42px;
1592
+ white-space: nowrap;
1593
+ }
1594
+
1595
+ .zwp-chapterlist li:hover .title {
1596
+
1597
+ }
1598
+
1599
+ .zwp-chapterlist li .item-content {
1600
+ flex-grow: 1;
1601
+ text-align: left;
1602
+ padding: 3px 3px 3px 10px;
1591
1603
  }
1592
1604
 
1593
1605
  .zwp-chapterlist li .item-content .desc {
1594
1606
  font-size: 14px;
1595
1607
  padding: 3px 0;
1596
- color: rgb(251 251 251 / 50%);
1608
+ color: rgb(251 251 251 / 40%);
1597
1609
  margin-top: 0px;
1598
1610
  display: block;
1599
1611
  line-height: 14px;
1600
- max-height: 34px;
1601
1612
  overflow: hidden;
1602
1613
  }
1614
+ .zwp-chapterlist li:hover .item-content .desc {
1615
+ color: rgb(251 251 251 / 72%);
1616
+ }
1603
1617
 
1604
1618
  .zwp-list-inner {
1605
1619
  width: 100%;