0

我有一个内置 webflow 的页面，里面有一个视频背景。它似乎默认静音，这很好。

我只想在角落里加入一个小按钮，这样用户至少可以取消静音和静音。如果我们能增加音量就更好了。

这是它当前停放的页面，直到发布。

我在这里尝试了一些其他代码示例但没有成功，例如这个 SO question

::: 这是一个更新 ::: 我会仔细阅读你的所有建议，下面的链接是我在关注这篇文章后提出的一个片段

（[ 想要创建自定义静音.. ]）

<!-- 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 -->

我已经在这方面工作了一段时间，所以我可能已经偏离了一些奇怪的切线，请让我知道我是否偏离轨道以及是否有更好的方法来做到这一点。谢谢你！！XD

这是代码的另一部分...

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

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

</div>

4

0 回答 0