视频结束后恢复为海报图像

Question

视频结束后是否可以重新显示海报图像？或者如果视频可以重新加载，显示最初的海报图像，对吗？

我现在正在使用这个代码：

  <video width="80%"controls poster="images/logo_vid.jpg">
  <source src="video/gl.mp4" type="video/mp4">
  Your browser does not support the video tag.
  </video>

如果有人知道这是怎么回事，我将不胜感激。。

Answer 1

视频元素在播放停止后触发一个结束的媒体处理程序，因此您可以使用相应的事件处理程序并执行任何您想要的操作：）

编辑：我修改了我的示例，现在返回到海报图像
添加和删除源似乎是使其在所有浏览器上工作的唯一方法：/

编辑2：好的，video.load（）也可以：D

<video width="80%" controls poster="images/logo_vid.jpg" onended="videoEnded(this)">
  <source src="video/gl.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
<script type="text/javascript">    
  function videoEnded(video) {
    video.load();
  };
</script>