Javascript 视频静音/取消静音_Javascript_Html_Css

Javascript 视频静音/取消静音

javascript html css

Javascript 视频静音/取消静音,javascript,html,css,Javascript,Html,Css,javascript不是很好，但是我已经在很多桌子上试着让这个视频在被点击时取消静音 <HTML class="scroll"> <Head> <LINK REL="StyleSheet" HREF="ARCHDRAGONCSS.css"> <Title>ArchDragon</Title> <script type="text/javascript"> var check=1;

javascript不是很好，但是我已经在很多桌子上试着让这个视频在被点击时取消静音

<HTML class="scroll">
<Head>
<LINK REL="StyleSheet" HREF="ARCHDRAGONCSS.css">
    <Title>ArchDragon</Title>
    <script type="text/javascript">
        var check=1;
        var Mandala = document.getElementById("Mandala");           
        function toggleSound(check){
            if(check==1){                     
                check=0;
                Mandala.muted=true;

            }
            else{ 
                check=1;
                Mandala.muted=false;

            }
        }
    </script>
</Head>
<BR>
<Img Src="ArchDragonLogo.png" ID="ArchDragon">
<BR>
<Body Align=Middle  class="Index">
<iFrame Src="Header.html" ID="Head" allowTransparency="true"></iFrame>
<Div>
<video id="Mandala" src="mandala.mp4" autoplay="true" loop="true" muted onclick="toggleSound(check);"></video>
</Div>
<BR>
<BR>
<iFrame src="home.html" name="iDisplay" ID="main"></iFrame>

</Body>


巨龙
var检查=1；
var Mandala=document.getElementById（“Mandala”）；
功能切换声音（检查）{
如果（检查==1）{
检查=0；
曼荼罗。静音=真；
}
否则{
检查=1；
曼荼罗。静音=假；
}
}

最简单的方法是：

window.addEventListener('DOMContentLoaded',function(){ // make sure DOM is loaded
  document.getElementById("Mandala").addEventListener('click',function(){
    this.muted=!this.muted; // toggle
  });
});

作为整个剧本

然后还可以从HTML中删除

onclick

inline事件处理程序

另外，当

var Mandala=document.getElementById（“Mandala”）时，不会加载DOM

已声明。我同意上面的&

onclick=“toggleSound（check）；“

应该是

onclick=“toggleSound（'0'）；”

或者

onclick=“toggleSound（'1'）；”

我假设它应该设置为

，因为您的视频标签中有

静音的。在主体
标记之外还有页面元素。这不会导致错误，但我建议将html/页面元素保留在body标记中。