设置了video的封面图片，如何让视频播放结束后再度显示出来？

Precious

44511

发布于
2023-02-10 新加坡

如图所示，我已经设置好了视频的封面图片，我想要在视频播放结束后让视频封面再度显示出来
下图是我现在想到的处理方法

但是重载的话会很占用用户带宽，请问各位有没有更好的解决方法
或者只能把视频封面单拎出来用js做控制吗？

前端 javascript css html

阅读 2.9k

1 个回答

得票最新

玛拉_以琳

8.7k41542

发布于
2023-02-10 上海

video有个事件

onended 播放结束时候触发

<!DOCTYPE HTML>
<html>
<body>
 
<video src="/i/movie.ogg" controls="controls" onended="showImg()">
your browser does not support the video tag
</video>
 
</body>
<script>
  function showImg(){
     alert('showImg');
  }
</script>
</html>

可以接受后加个图并设置点击事件

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

设置了video的封面图片，如何让视频播放结束后再度显示出来？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？