変更ウィンドウでビデオがバックグラウンドで再生中

Question

フォームにHTML5プレーヤーがあり、JSを使用して多段階フォームで前進して後退します。しかし、ユーザーが任意のボタン（バック、リセットなど）をクリックすると、ビデオはまだ再生されています。フィールドセットが変更されたときにビデオを自動停止する方法は？

例：熱がありますか？はい（ここは動画です） - >リセット - >ビデオはまだバックグラウンドで再生していますか？

JSFiddle

> <video id="video" width="960" height="600" controls="controls" 
> autoplay="autoplay"> 
>  <source type="video/ogg" src="http://www.advancedphotoshop.co.uk/discs/101/ogvs/holga.ogv" /> 
> </video> 

$(".previous").click(function(){ 
    if(animating) return false; 
    animating = true; 
    current_fs = $(this).parent(); 
    previous_fs = $('#firstField'); 

Answer 1

追加してください：

var vid = $("#video"); 

function pauseVid() { 
    vid.pause(); 
} 

$(".resetButton").click(function(){ 
pauseVid(); 
} 

Answer 2

snippletで例の作業：

$(".pause").click(function(){ 
 
    $('#video')[0].pause(); 
 
}); 
 

 
$(".play").click(function(){ 
 
    $('#video')[0].play(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button class="pause">Pause/Stop</button> 
 
<button class="play">Play</button> 
 

 
<video id="video" width="960" height="600" controls="controls" autoplay="autoplay"> 
 
    <source type="video/ogg" src="http://www.advancedphotoshop.co.uk/discs/101/ogvs/holga.ogv" /> 
 
</video>