eplayer 1.6.10 → 1.6.11
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/docs/eplayer.js +9 -8
- package/package.json +1 -1
package/docs/eplayer.js
CHANGED
|
@@ -329,6 +329,7 @@ class Eplayer extends HTMLElement {
|
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
init() {
|
|
332
|
+
console.log(this.cover)
|
|
332
333
|
let html = `
|
|
333
334
|
<style>
|
|
334
335
|
@import "https://at.alicdn.com/t/c/font_836948_ro9xopmggai.css";
|
|
@@ -543,17 +544,17 @@ class Eplayer extends HTMLElement {
|
|
|
543
544
|
.eplayer .img-container{
|
|
544
545
|
position: absolute;
|
|
545
546
|
z-index: 1;
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
border-radius:
|
|
547
|
+
height:60%;
|
|
548
|
+
aspect-ratio: 1/1;
|
|
549
|
+
border-radius:50%;
|
|
549
550
|
left:50%;
|
|
550
551
|
top:50%;
|
|
551
552
|
transform:translate(-50%,-50%);
|
|
552
553
|
}
|
|
553
554
|
|
|
554
555
|
.rotate-img {
|
|
555
|
-
|
|
556
|
-
height:
|
|
556
|
+
aspect-ratio: 1/1;
|
|
557
|
+
height: 100%;
|
|
557
558
|
border-radius: 50%;
|
|
558
559
|
animation: rotate 10s linear infinite;
|
|
559
560
|
object-fit: cover;
|
|
@@ -631,10 +632,10 @@ class Eplayer extends HTMLElement {
|
|
|
631
632
|
</div>
|
|
632
633
|
<div class="right">
|
|
633
634
|
<em class="speed">1x</em>
|
|
634
|
-
|
|
635
|
+
${this.cover ? `<em class="pip">画中画</em>`:''}
|
|
635
636
|
<iconpark-icon icon-id="volume-ok" size="2rem" class="is-volume"></iconpark-icon>
|
|
636
|
-
|
|
637
|
-
|
|
637
|
+
${this.cover ? `<iconpark-icon icon-id="web-fullscreen" size="2rem"></iconpark-icon>`:''}
|
|
638
|
+
${this.cover ?`<iconpark-icon icon-id="fullscreen" size="2rem" class="fullscreen"></iconpark-icon>`:""}
|
|
638
639
|
</div>
|
|
639
640
|
</div>
|
|
640
641
|
</div>
|