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

jQuery - Switch between background picture and background video using a checkbox

本文关键字：视频 背景 之间 背景图片 复选框 jQuery-      更新时间：2023-09-26

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

起初，我想在我的网站上播放背景视频，但只要勾选某个复选框，就切换到图片。当它被取消选中时，它应该再次播放视频。

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

提前非常感谢您的回答。如果您需要更多信息，只需询问：）

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

<body style="background:your background definition">
<video style="display:block" video details> </video>

使用jquery在block和none之间切换显示，因此。。。

$('#checkboxToToggleVideo').click(function(){
    if($(this).is(':checked')) {
       $('#bgvid').css('display','none');
    } else {
       $('#bgvid').css('display','block');
    }
});

请参阅以下内容http://jsfiddle.net/dLxacefw/2/

修改后的jsfiddle和示例图像http://jsfiddle.net/dLxacefw/5/

注意，我在这里使用了img标记，并且有一个z-index<0允许剩余元素出现在背景上方

相关文章：