javascript - 点击时手动停止/跳过视频

当用户单击允许用户跳过视频的end时，我试图skip button视频。

我一直在使用以下内容，这些都很好，可以让我在视频结束时触发操作。

的HTML

<video autoplay>
    <source src="video.mp4" type="video/mp4">
</video>
<button class="skip">Skip video</button>

$('video').on('ended',function(){....
   //do stuff here
}

但是，我想执行以下操作，但不确定如何实现此操作。

$('.skip').click(function(){
    $('video').end();
});

最佳答案

jQuery中的end()方法用于返回上一个选择器。

jQuery docs的描述：

结束当前链中的最新过滤操作，并将匹配的元素集返回其先前状态。

要停止视频，请获取dom对象，然后使用HTMLMediaElement#pause方法。尽管最终使用ended方法以编程方式触发了trigger()事件。

$('.skip').click(function(){
    $('video').trigger('ended')[0].pause();
});