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

jQuery .toggle()関数を使用してみてください。

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

Answer 2

関数とifステートメントを閉じていません

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