小编anc*_*cad的帖子

如何添加按下时切换视频声音的按钮?

我想要一个按钮,在单击时将视频静音,并在再次按下按钮时切换声音。到目前为止,我设法在单击实际视频时将视频静音/取消静音。

Javascript初学者在这里。

超文本标记语言

    <div>
        <div class="play-video">
            <img src="../images/icon.svg" class="volume-icon"/>
            <p class="button"> Play with sound </p> 
        </div>

        <div id="player">
        <video autoplay loop=""> <source src="../images/video-test.mp4" type="video/mp4"> </video>
        </div>

    </div>
Run Code Online (Sandbox Code Playgroud)

JavaScript

$(document).ready(function(){

    $("video").prop('muted', true);

    $("video").click( function (){
    $(this).prop('muted', !$(this).prop('muted'));
});
});
Run Code Online (Sandbox Code Playgroud)

谢谢你!

html javascript mute togglebutton html5-video

1
推荐指数
1
解决办法
3535
查看次数

标签 统计

html ×1

html5-video ×1

javascript ×1

mute ×1

togglebutton ×1