我正在尝试使用 onclick
切换 html5 视频上的音频。功能,以便当您单击视频时音频取消静音,再次单击时音频静音。
但是,当我单击视频时没有任何 react
这是我到目前为止所做的:
<p>
<video autoplay="" loop="" muted="" playsinline="" preload="Metadata" onclick="function()" style=" padding-top:15%; width:100%; height:auto; ">
<source src="Video"></video>
<script>
$(document).ready(function(){
$("video").prop('muted', true);
$("video").click( function (){
$(this).prop('muted', !$(this).prop('muted'));
});
$(".play-video").click( function (){
$("video").prop('muted', !$("video").prop('muted'));
});
}
</script>
</p>
任何和所有的帮助将不胜感激。
最佳答案
您的代码实际上已经有效。但是,您在 onclick
中有一个未命名的函数语句。根据您的浏览器/环境可能导致错误的属性(但至少在 Firefox 中它应该可以正常工作)。
$(document).ready(function(){
$("video").prop('muted', true);
$("video").click( function (){
$(this).prop('muted', !$(this).prop('muted'));
});
$(".play-video").click( function (){
$("video").prop('muted', !$("video").prop('muted'));
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
<video autoplay="" loop="" muted="" playsinline="" preload="Metadata" style=" padding-top:15%; width:100%; height:auto;">
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4">
</video>
</p>
关于html - 尝试使用 onclick 在 html 视频上切换声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55637040/