HTML5 Video / End of a Video Poster
html, video
Solution
In short: what you need is to add `video.addEventListener('ended',function() {})` and trigger `video.load()` in your custom JavaScript.
Here is a related post that redirects after video is played, you may modify it accordingly - Redirect html5 video after play.
References to look for detailed information:
- 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
Problem
``` <video controls="controls" poster="http://gifs.gifbin.com/1233925271_8be9acc.gif" style="width:800px;"> ``` With the above; within the HTML5 `<video>` tag, I can add a poster; of an image or animated .gif just fine and plays / runs before the actual video is 'played'. NOW, how can I add an image; specifically a .gif (animated .gif works with poster) that will run AFTER the video has played through?