HTML5视频/视频海报的结尾

<video controls="controls" poster="http://gifs.gifbin.com/1233925271_8be9acc.gif" style="width:800px;">

用上面的;在HTML5< video>内标签,我可以添加一个海报;的图像或动画.gif只是罚款,播放/运行在实际的视频“播放”之前.

现在,我如何添加一个图像？特别是一个.gif(动画.gif与海报合作),将在视频播放后运行？

解决方法

简而言之,您需要添加的是video.addEventListener(‘ended’,function(){}),并在您的自定义JavaScript中执行.

这是一个相关的帖子,在视频播放后重定向,您可以相应地修改它 – Redirect html5 video after play.

参考寻找详细信息：

> Everything you need to know about HTML5 video and audio
> Media events to which you can bind
> HTML5 Video Events and API
> MSDN – Using HTML5 video events