问视频Mute/Un静音
EN

Stack Overflow用户

提问于 2015-05-07 18:18:34

回答 1查看 1.6K关注 0票数 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>

javascript

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-07 18:24:30

最简单的方法是：

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

作为整个剧本。

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

另外还保留了一个有效HTML。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30108788

复制

相似问题

问视频Mute/Un静音
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频Mute/Un静音EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频Mute/Un静音
EN