暂停时显示HTML5视频海报

Question

是否可以在暂停时显示视频的海报属性,而不是视频的当前帧？

Answer 1

这是一种不需要额外标记的方法.

在暂停事件中,添加以下内容:

var mediaElement = document.getElementById("myvideo");
var pauseTime = mediaElement.currentTime;
mediaElement.load();

基本上,加载方法会重新加载视频,以便您的海报再次可见.

在比赛中:

mediaElement.currentTime = pauseTime;
mediaElement.play();

请注意,pauseTime变量需要在范围内或作为参数传递给pause/play事件侦听器函数.