Prevents display of multiple control buttons when other video is selected.

Author: bliss

dist/content.js

@@ -86821,27 +86821,31 @@ function loadImage() {
 
 mainVideo.addEventListener('loadeddata', function (event) {
   var animControlsButton = document.getElementsByClassName("ytp-right-controls");
-  var button = document.createElement('button');
-  button.className = 'ytp-button it-player-button';
-  button.dataset.title = "PoseDream";
 
-  button.onclick = function () {
-    document.dispatchEvent(new CustomEvent('displayPoseDreamPopup', {
-      detail: {
-        animationID: 'skeleton'
-      }
-    }));
-  };
+  if (document.getElementById("posedream-popup-btn") === null) {
+    var button = document.createElement('button');
+    button.id = "posedream-popup-btn";
+    button.className = 'ytp-button it-player-button';
+    button.dataset.title = "PoseDream";
+
+    button.onclick = function () {
+      document.dispatchEvent(new CustomEvent('displayPoseDreamPopup', {
+        detail: {
+          animationID: 'skeleton'
+        }
+      }));
+    };
 
-  animControlsButton[0].insertBefore(button, animControlsButton[0].childNodes[0]);
-  var playerImage = new Image();
-  playerImage.src = chrome.runtime.getURL("/images/logo48.png");
+    animControlsButton[0].insertBefore(button, animControlsButton[0].childNodes[0]);
+    var playerImage = new Image();
+    playerImage.src = chrome.runtime.getURL("/images/logo48.png");
 
-  playerImage.onload = function () {
-    var imgTag = document.createElement('img');
-    imgTag.src = playerImage.src;
-    button.appendChild(imgTag);
-  };
+    playerImage.onload = function () {
+      var imgTag = document.createElement('img');
+      imgTag.src = playerImage.src;
+      button.appendChild(imgTag);
+    };
+  }
 
   var div = document.createElement('div');
   div.className = 'posedream-video-popup';

dist/content.js.map

@@ -910,20 +910,24 @@ function loadImage() {
 mainVideo.addEventListener('loadeddata', (event) => {
 
     var animControlsButton = document.getElementsByClassName("ytp-right-controls");
-    var button = document.createElement('button');
-    button.className = 'ytp-button it-player-button';
-    button.dataset.title = "PoseDream";
-    button.onclick = function(){document.dispatchEvent(new CustomEvent('displayPoseDreamPopup', { detail: {animationID:'skeleton'} }));}
-    animControlsButton[0].insertBefore(button, animControlsButton[0].childNodes[0]);
-
-    let playerImage = new Image();
-    playerImage.src = chrome.runtime.getURL("/images/logo48.png");
-    playerImage.onload = () => {
-        var imgTag = document.createElement('img');
-        imgTag.src=playerImage.src;
-        button.appendChild(imgTag);
+    if(document.getElementById("posedream-popup-btn") === null){
+        var button = document.createElement('button');
+        button.id="posedream-popup-btn";
+        button.className = 'ytp-button it-player-button';
+        button.dataset.title = "PoseDream";
+        button.onclick = function(){document.dispatchEvent(new CustomEvent('displayPoseDreamPopup', { detail: {animationID:'skeleton'} }));}
+        animControlsButton[0].insertBefore(button, animControlsButton[0].childNodes[0]);
+
+        let playerImage = new Image();
+        playerImage.src = chrome.runtime.getURL("/images/logo48.png");
+        playerImage.onload = () => {
+            var imgTag = document.createElement('img');
+            imgTag.src=playerImage.src;
+            button.appendChild(imgTag);
+        }
     }
 
+
     const div = document.createElement('div');
 
     div.className = 'posedream-video-popup';