jQuery - 使用复选框在背景图片和背景视频之间切换 [关闭]答案

【问题标题】：jQuery - Switch between background picture and background video using a checkbox [closed]jQuery - 使用复选框在背景图片和背景视频之间切换 [关闭]
【发布时间】：2015-10-28 18:21:21
【问题描述】：

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

最初，我希望在我的网站上播放背景视频，但只要选中某个复选框，就切换到图片。取消勾选后，它应该会再次播放视频。

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

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

【问题讨论】：

您的视频播放效果如何？优酷链接？ <video>?
到目前为止你尝试过什么？您的视频如何在您的页面上显示？如果您需要帮助，您需要向我们展示一些代码。 HTML、CSS、Javascript。
哦，是的，抱歉，这是正在进行的工作 url 52.29.79.215。我正在播放我的 Amazon S3 存储桶中的视频并使用 Dreamweaver 构建站点。 CSS也是我做的。如果代码有任何错误，请见谅。

标签： javascript jquery html checkbox

【解决方案1】：

这是您可以尝试的一种解决方案

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

使用 jquery 在块和无之间切换显示，因此...

$('#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

【讨论】：

你能更新小提琴以反映这张照片从视频到图片的变化吗？ s3.eu-central-1.amazonaws.com/thanksdfg.com/image/…
非常感谢！这正是我所需要的：D