自定义 HTML5 视频停止点/帧

Question

嵌入普通 HTML5 视频时；视频将在视频的最后一帧停止并保持空闲。我希望视频停止；并显示不是第一帧，但可能是第二帧。这可能吗？例如。播放一次后；它停在第一个实际帧上（不是黑色）

基本上；我正在创建按钮；每个按钮都会显示我设置为自动播放的 HTML5 视频；从那里我想要之前单击的按钮来显示 html5 视频的第一个实际帧；一旦它已经播放。我认为开始后 1 秒应该这样做；因为它将第一个“区域或框架”显示为黑色。

如何在 HTML5 中使用自动播放播放视频后自定义冻结帧的位置。

编辑：//

我只是在下面尝试过，没有这样的运气；

<script>

video.onended = function(e) {
/*Do things here?*/

{
    video.currentTime = 3.0;
}


</script>

Answer 1

您可以使用媒体 API 监听 ended 事件，一旦该事件被触发，然后将视频的 currentTime 设置为您想要的任何值（例如 1 秒）。

编辑

试试这个：

video.addEventListener('ended', function() { 
   this.currentTime = 1; 
}, false);

video 是视频元素的句柄。