Question

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

Answer 1

最简单的方法是：

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

作为整个剧本。

然后，您还可以从HTML中删除onclick内联事件处理程序。

此加上valid HTML。

视频静音/取消静音

1 个答案: