当改变窗口时,视频仍然在后台播放

时间:2017-03-22 12:40:55

标签: javascript html5 video

我在表单中使用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');

2 个答案:

答案 0 :(得分:1)

使用snipplet的工作示例:

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

$(".play").click(function(){
  $('#video')[0].play();
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

尝试添加:

BankAccount