jQuery视频显示何时打开移动菜单,但在关闭时挂起

时间:2018-09-11 02:08:08

标签: jquery html5-video

我有一个“汉堡”移动菜单,我已对该菜单进行了编程,以便在菜单和颜色后面以不透明度0.4显示视频。

这是我的代码,可延迟视频加载,直到我的形状叠加动画一直到页面底部为止。 (这修复了视频在动画准备好显示菜单之前就无法显示

$("video.html5-video.open-close").hide();
$("div#hamburger.hamburger").click(function(){
$("video.html5-video.open-close").delay(1200).fadeToggle();
});
});

我的问题是,当菜单显示时,视频正在后台播放,那么当单击“汉堡”关闭按钮时,我就有了删除该视频的代码。

单击关闭菜单div后返回主页,我需要视频立即消失。使用以下代码

    $("div#hamburger.hamburger.is-opened-navi").click(function(){
      $("video.html5-video.open-close").fadeToggle(1);
    });
    });

现在,当菜单关闭时,显示主屏幕,并且在菜单后面播放的视频显示几秒钟,然后消失。

我已经尝试过.stop()和其他许多事情,以使其在单击关闭菜单div后不显示,但无济于事。我还尝试了.hover(function(){,以为打开菜单时我是否可以杀死悬停视频)

如果可以的话,请帮忙,因为我不希望访客通过单击关闭汉堡包按钮来关闭菜单,然后菜单背景中的视频会挂在首页上,因此他们可以在关闭之前看到它。

我最近发生了一次摔倒事故,头部受伤,在医院待了4天,所以我可能无法100%地工作,但是我无法四处奔波,无法做自己喜欢的事。谢谢!

0 个答案:

没有答案