視頻仍然在後臺播放時更改窗口

我在窗體中有HTML5播放器，並使用JS向前走，並以多級形式退後一步。但是，當用戶點擊任何按鈕（返回，重置等）時，視頻仍在播放。字段集更改時如何製作自動停止視頻？視頻仍然在後臺播放時更改窗口

例如：你有發燒 - >是（這裏是視頻） - >重置 - >視頻仍然在後臺播放。

> <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');

來源

2017-03-22 Wanarka

你有沒有嘗試'$（'＃video'）[0] .pause（）'？ – Camille

此外，您是否嘗試'.currentTime = 0'來重置時間？ – GottZ

http://jsfiddle.net/1x183c2t/6/;） – DavidDomain

嘗試添加：

var vid = $("#video"); 

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

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

來源

2017-03-22 12:47:20

工作實例與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>

來源

2017-03-22 12:48:34 Camille

視頻仍然在後臺播放時更改窗口

回答

相關問題