Fundo do vídeo do Webflow-botão Silenciar/DESMUTAR

Tenho uma página construída no webflow, que tem um fundo de vídeo colocado nela. Parece ter sido omitido por defeito, o que é bom.

Eu só gostaria de incluir um pequeno botão no canto para que o usuário seja capaz de desligar e silenciar o áudio no mínimo. Se pudermos adicionar volume isso é ainda melhor.

aqui está a Página Onde está estacionada até à publicação.

eu tentei alguns outros exemplos de código aqui, sem sucesso, por exemplo isso pergunta

::: Aqui está uma atualização::: eu vou passar por todas as suas sugestões, e aqui abaixo o seguinte link é um trecho do que eu vim com Depois de seguir este post

( [ QUERER CRIAR MUDO PERSONALIZADO.. ])

<!-- MUTEBUTTON \/ MUTEBUTTON -->

<script>  
 
var themutebtn;
intitializePlayer()  // **don't forget to call the initialize**

function intitializePlayer(){
    //set object references
    vid = document.getElementById("intro_video");
    themutebtn = document.getElementById("audioswitch1");
    //add event listener
    themutebtn.addEventListener("click",vidmute,false);   // **quotes only around the event** 
}

function mute_switch(){   // **there was an extra '.' between function and vidmute**
    if(vid.muted){
        vid.muted = false;
        themutebtn.innerHTML = "mute";
    } else {
        vid.muted = true;
        themutebtn.innerHTML = "Unmute";
    }
}

  
</script>

<!-- MUTEBUTTON /\ MUTEBUTTON -->
ESTOU A TRABALHAR NISTO HÁ ALGUM TEMPO, POR ISSO, POSSO TER-ME METIDO NUMA COISA ESTRANHA, POR FAVOR, AVISA-ME SE ESTIVER FORA DO CAMINHO E SE HOUVER UMA MANEIRA MELHOR DE FAZER ISTO. OBRIGAR Tu!! XD

Aqui está a outra parte do Código...

<div id="audioswitch_div" class="audioswitch_div">

  <button  id="audioswitch1" class="mutebutton w-button" value="muted">MUTE</button>

</div>
Author: Michael Pacchianelli, 2018-10-09
Source