Javascript Html5视频播放器定制为仅显示播放和静音

我正在尝试为LayerSliderWordPress插件使用的HTML5视频播放器添加一些控件。您可以向每个层添加一些自定义HTML，还可以添加javascript。但是静音按钮不起作用：（代码有什么问题吗？或者有人对如何实现这一点有什么建议吗？）我还尝试在页面上单独加载javascript

提前谢谢

相关网址：

切换
.静音视频{
背景：url(http://cdn.flaticon.com/png/64/60750.png)无重复中心；
背景尺寸：32px；
边界：0；
宽度：32px；
高度：32px；
文本缩进：-999px；
}
.取消静音视频{
背景：url(http://cdn.flaticon.com/png/64/498.png)无重复中心；
背景尺寸：32px；
}
一个“$”（“视频”）.prop（'unmute'，true）；
$（“.mute video”）。单击（函数（）{
if（$（“视频”）.prop（'mute'））{
$（“视频”）.prop（'mute'，false）；
$（this.addClass（'unmute-video'）；
}否则{
$（“视频”）.prop（'mute'，true）；
$（this.removeClass（'unmute-video'）；
}
console.log（$（“视频”）.prop（'muted'））
}); 
在
标签内复制/粘贴此（您的代码，正确无误），删除所有警报和额外的
标签，它应该可以正常工作

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

        $(".mute-video").click(function() {
            if ($("video").prop('muted')) {
                $("video").prop('muted', false);
                $(this).addClass('unmute-video');

            } else {
                $("video").prop('muted', true);
                $(this).removeClass('unmute-video');
            }
            console.log($("video").prop('muted'))
        });

如果其他人有此问题，这是正确的答案：

function(element) {
    jQuery(document).on('click', '.mute-video', function (){
        if (jQuery("video").prop('muted')) {
            jQuery("video").prop('muted', false);
            jQuery(this).addClass('unmute-video');

        } else {
            jQuery("video").prop('muted', true);
            jQuery(this).removeClass('unmute-video');
        }
    });
}

您的javascript中有一个错误。请检查控制台。我将您的代码复制粘贴到小提琴中，它可以完美地工作：hhttp://jsfiddle.net/uyn4jfcr/Hi，非常感谢您的回答。我仍然无法让它工作。我使用了您的代码片段。（索引）：180未捕获的语法错误：意外字符串在带有此代码段的最后一个
中的某个地方，您有一个“a”需要删除的字符串。正如我看到的，您的窗口中没有定义$。它被重新定义为lsjQuery。因此，代码段无法工作。对于初学者来说，尝试用lsjQuery替换-，希望这次它能工作。主要问题不是这个代码段的编写方式，而是代码中的小错误。
function(element) {
    jQuery(document).on('click', '.mute-video', function (){
        if (jQuery("video").prop('muted')) {
            jQuery("video").prop('muted', false);
            jQuery(this).addClass('unmute-video');

        } else {
            jQuery("video").prop('muted', true);
            jQuery(this).removeClass('unmute-video');
        }
    });
}