diff --git a/plugins/precise-volume/front.js b/plugins/precise-volume/front.js
index 61588947..ddc1f3e5 100644
--- a/plugins/precise-volume/front.js
+++ b/plugins/precise-volume/front.js
@@ -17,9 +17,9 @@ module.exports = (options) => {
}
ipcRenderer.on("did-finish-load", () => {
- injectVolumeHud();
- // if hideVideo is disabled
- if ($("#main-panel")?.computedStyleMap().get("display").value !== "none") {
+ const noVid = $("#main-panel")?.computedStyleMap().get("display").value === "none";
+ injectVolumeHud(noVid);
+ if (!noVid) {
setupVideoPlayerOnwheel(options);
}
});
@@ -27,11 +27,20 @@ module.exports = (options) => {
firstRun(options);
};
-function injectVolumeHud() {
- const position = "top: 18px; right: 60px; z-index: 999; position: absolute;";
- const mainStyle = "font-size: xx-large; padding: 10px; transition: opacity 1.5s";
- $(".center-content.ytmusic-nav-bar").insertAdjacentHTML("beforeend",
- ``)
+function injectVolumeHud(noVid) {
+ if (noVid) {
+ const position = "top: 18px; right: 60px; z-index: 999; position: absolute;";
+ const mainStyle = "font-size: xx-large; padding: 10px; transition: opacity 1s";
+
+ $(".center-content.ytmusic-nav-bar").insertAdjacentHTML("beforeend",
+ ``)
+ } else {
+ const position = `top: 10px; left: 10px; z-index: 999; position: absolute;`;
+ const mainStyle = "font-size: xxx-large; padding: 10px; transition: opacity 0.6s; webkit-text-stroke: 1px black; font-weight: 600;";
+
+ $("#song-video").insertAdjacentHTML('afterend',
+ ``)
+ }
}
let hudFadeTimeout;