You may need an answer to this question if you want to play one video after the other without letting the user know the source has changed (to the user they will seem as if playing just one video). Similar questions may be:
- Is it possible to make 2 video files play one after the other without pause?
- How can I play a second video file after the first without the user notice what happened?
- How to make a forking video, one where the user can choose his/her own path?
This result is achieved taking advantage of a HTML5 canvas element to cover the source change. An example can be seen on this page.
You can find the code of the page here below, opportunely commented to clarify how it works (hint: all interesting comments start with "COMMENT:" to aid the search).
Seamless video transitionExpand source
The result on your page can also be improved implementing cache for your videos.