html - 播放视频时隐藏不相关的 div

Question

我想在视频播放时隐藏我的页面导航，就像播放按钮一样。这是成功隐藏播放按钮的脚本：

<script>
$('.vid').parent().click(function () {
if($(this).children(".vid").get(0).paused){
$(this).children(".vid").get(0).play();
$(this).children(".playpause").fadeOut();
}else{
$(this).children(".vid").get(0).pause();
$(this).children(".playpause").fadeIn();
}
});
</script>

这个脚本我试图隐藏我的导航栏：

<script>
function vidplay() {
var video = document.getElementById(".vid");
var button = document.getElementById(".playpause");
if (video.paused) {
video.play();
$(".navbar").hide();
</script>    

这是我网站的链接

Answer 1

你没有关闭你的函数和 if 语句

<script>
function vidplay() {
  var video = document.getElementById(".vid");
  var button = document.getElementById(".playpause");
  if (video.paused) {
    video.play();
    $(".navbar").hide();
  }
}
</script>    

Answer 2

尝试使用 jQuery .toggle()函数；

$('.vid').parent().click(function () {
    $(".navbar").toggle();
});