我想要一个按钮,在单击时将视频静音,并在再次按下按钮时切换声音。到目前为止,我设法在单击实际视频时将视频静音/取消静音。
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)
谢谢你!