ビデオ再生時に無関係な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>  

Here's link to my site

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>