Video spielt immer noch im Hintergrund, wenn Fenster wechseln

Question

Ich habe HTML5-Player in Form und verwenden Sie JS, um vorwärts zu treten und zurück in Multi-Level-Form. Wenn der Benutzer jedoch auf eine beliebige Schaltfläche klickt (Zurück, Zurücksetzen usw.), wird das Video noch wiedergegeben. Wie wird das Video automatisch angehalten, wenn sich das Feld ändert?

Zum Beispiel: Haben Sie Fieber -> ja (hier ist Video) -> zurücksetzen -> Video noch im Hintergrund spielen.

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

Versuchen hinzuzufügen:

var vid = $("#video"); 

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

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

Answer 2

Arbeitsbeispiel mit einem 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>