diff options
| author | Factiven <[email protected]> | 2023-04-19 00:10:12 +0700 |
|---|---|---|
| committer | Factiven <[email protected]> | 2023-04-19 00:10:12 +0700 |
| commit | a3f01aba1ea808e97c13935b0e031d1653bc2ba7 (patch) | |
| tree | 4285be3b64dcc278d955722f90617009f40de357 /components | |
| parent | Update [...id].js (diff) | |
| download | moopa-a3f01aba1ea808e97c13935b0e031d1653bc2ba7.tar.xz moopa-a3f01aba1ea808e97c13935b0e031d1653bc2ba7.zip | |
13th fixes
Diffstat (limited to 'components')
| -rw-r--r-- | components/videoPlayer.js | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/components/videoPlayer.js b/components/videoPlayer.js index f93f153..cee760f 100644 --- a/components/videoPlayer.js +++ b/components/videoPlayer.js @@ -51,8 +51,6 @@ export default function VideoPlayer({ compiler(); }, [data]); - // console.log(skip); - return ( <> {loading ? ( @@ -124,6 +122,7 @@ export default function VideoPlayer({ } // Show the layer art.layers.show = true; + art.layers.op.style.display = "block"; if (art.layers.ed) { art.layers.ed.style.display = "none"; } @@ -136,12 +135,12 @@ export default function VideoPlayer({ if (!art.layers.ed) { art.layers.add({ name: "ed", - html: `<button style="background-color: #fff; color: black; padding: 10px 25px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); font-family: Karla, sans-serif; font-size: 16px; text-align: center;">Skip Ending</button>`, + html: `<button class="skip-button">Skip Ending</button>`, tooltip: "Skip", style: { position: "absolute", bottom: "68px", - right: "60px", + right: "58px", }, click: function (...args) { art.seek = ed.interval.endTime; @@ -150,11 +149,17 @@ export default function VideoPlayer({ } // Show the layer art.layers.show = true; + art.layers.ed.style.display = "block"; if (art.layers.op) { art.layers.op.style.display = "none"; } } else { - art.layers.show = false; + if (art.layers.op) { + art.layers.op.style.display = "none"; + } + if (art.layers.ed) { + art.layers.ed.style.display = "none"; + } } }); |