Javascript jQuery-使用复选框在背景图片和背景视频之间切换

Javascript jQuery-使用复选框在背景图片和背景视频之间切换,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我到处搜索,但我找不到任何能帮助我解决问题的东西,所以我在这里寻求帮助 起初,我希望在我的网站上播放一段背景视频,但只要勾选某个复选框,就切换到图片。解除锁定后,应再次播放视频 我不确定jQuery是否可以做到这一点,如果不行,请告诉我什么语言可以做到这一点。如果可能的话,我想有另一个复选框,当勾选,静音音乐,如果可能的话 提前非常感谢您的回答。如果您需要更多信息,请询问:)这里有一个解决方案,您可以尝试 <body style="background:your background de

我到处搜索,但我找不到任何能帮助我解决问题的东西,所以我在这里寻求帮助

起初,我希望在我的网站上播放一段背景视频,但只要勾选某个复选框,就切换到图片。解除锁定后,应再次播放视频

我不确定jQuery是否可以做到这一点,如果不行,请告诉我什么语言可以做到这一点。如果可能的话,我想有另一个复选框,当勾选,静音音乐,如果可能的话


提前非常感谢您的回答。如果您需要更多信息,请询问:)

这里有一个解决方案,您可以尝试

<body style="background:your background definition">
<video style="display:block" video details> </video>
参考以下内容

修改后的JSFIDLE和示例图像


请注意,我在这里使用了img标记,而hava z-indexHow正在播放视频?Youtube链接<代码>?到目前为止您尝试了什么?您的视频如何显示在页面上?如果需要帮助,您需要向我们展示一些代码。HTML、CSS、Javascript。哦,是的,对不起,这是正在进行的工作url。我正在播放Amazon S3存储桶上的视频,并使用Dreamweaver构建网站。CSS也是我做的。对不起,如果代码中有任何错误。你能用这张图片更新小提琴以反映从视频到图片的变化吗?非常感谢你!这正是我需要的:D
$('#checkboxToToggleVideo').click(function(){
    if($(this).is(':checked')) {
       $('#bgvid').css('display','none');
    } else {
       $('#bgvid').css('display','block');
    }
});