object/embed/video他们引用视频如何监听视频播放的结束？如何更换播放结束时的视频封面

Question

我们想要实现一个视频播放结束之后展示一个固定的图片，引用的url是服务器存的视频地址，请问用哪个合适呢？video标签有播放结束的事件，如何控制播放结束的时候更换视频封面，目前我试了一下，我默认写一个图片隐藏，当视频播放结束或者暂停的时候显示那个图片，但是图片始终被压在视频控件的下边，z-index也不可以，这样视频默认暂停和结束时的视频截图也同时停留在这里，该怎么解决？

Answer 1

<vedio onended="myFunction()"> 加上这个属性

Answer 2

HTML Audio/Video DOM ended 事件

---

更新：

设置poster,然后监听播放结束事件

video.addEventListener('ended',function(){
    video.load();     
},false);

Answer 3

想要让z-index生效，必须得有定位属性。把video和封面图放在一个relative定位的div容器下，video和封面图使用absolute，再使用z-index就可以了。