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

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

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

编辑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>

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

1 个答案: