ボタンをクリックします。HTMLビデオを一時停止します（自動再生中）

Question

私はHTML 5ビデオを持っています。それは私が欲しかった方法で動作しますしかし、ユーザーがボタンを押してビデオを一時停止できる方法はありますか？

HTMLで

マイコードは次のとおりです。

<video autoplay loop poster="" id="bgvid"> 
<source src="img/bg.mp4" type="video/webm"> 
<source src="img/bg.mp4" type="video/mp4"> 

とCSS ...

video#bgvid { 
position: fixed; 
top: 50%; 
left: 50%; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto; 
z-index: -100; 
-ms-transform: translateX(-50%) translateY(-50%); 
-moz-transform: translateX(-50%) translateY(-50%); 
-webkit-transform: translateX(-50%) translateY(-50%); 
transform: translateX(-50%) translateY(-50%); 
background: url(polina.jpg) no-repeat; 
background-size: cover; 

}

Answer 1

$('.btn').click(function() { 
    $('video').get(0).pause(); 
}); 

$('video').click(function() { 
     this.pause(); 
}); 

Answer 2

<video onclick="this.paused? this.play() : this.pause()"> 

コメントは言ったように。経由：How to pause a HTML5 video on an event?