Question

我有一个内置于webflow中的页面，其中有视频背景。默认情况下它似乎被静音了，这很好。

我只想在角落添加一个小按钮，以便用户至少能够取消静音和静音。如果我们可以增加更好的音量。

这里是page的当前存放位置，直到发布为止。

我在这里尝试了其他一些代码示例，但均未成功，例如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>

Webflow视频背景-静音/取消静音按钮

0 个答案: