暂停时显示HTML5视频海报

时间:2013-04-03 01:10:49

标签: html5 html5-video

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

1 个答案:

答案 0 :(得分:6)

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

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

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

基本上,加载方法会重新加载视频,以便再次显示海报。

在比赛中:

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

请注意,pauseTime变量需要在范围内或作为参数传递给暂停/播放事件侦听器函数。