remove button control to mute/unmute my video

static/sfu.js

@@ -1026,8 +1026,8 @@ function setMedia(c, isUp) {
         controls = /** @type{HTMLElement} */(template.cloneNode(true));
         controls.id = 'controls-' + c.id;
         div.appendChild(controls);
-        if(media.muted) {
         let volume = controls.querySelector(".fa-volume-up");
+        if(media.muted) {
             if (volume) {
                 volume.classList.remove("fa-volume-up");
                 volume.classList.add("fa-volume-off");
@@ -1039,6 +1039,7 @@ function setMedia(c, isUp) {
                 if (camera)
                     camera.classList.add("camera-off");
             }
+            volume.parentElement.remove();
         } else
             camera.remove();
     }
@@ -1087,7 +1088,9 @@ function registerControlEvent(peerid) {
     let settings = getSettings();
     let peer = document.getElementById(peerid);
     //Add event listener when a video component is added to the DOM
-    peer.querySelector("span.volume").onclick = function(event) {
+    let volume = /** @type {HTMLElement} */(peer.querySelector("span.volume"));
+    if (volume) {
+        volume.onclick = function(event) {
             event.preventDefault();
             let video = getParentVideo(event.target);
             if(event.target.className.indexOf("fa-volume-off") !== -1) {
@@ -1101,6 +1104,7 @@ function registerControlEvent(peerid) {
                 video.muted = true;
             }
         };
+    }
 
     let pip = /** @type {HTMLElement} */(peer.querySelector("span.pip"));
     /** @ts-ignore */