Video and Images Slider


I am trying to have a video playing in my banner header when the site is visited which on completion reverts to an image slider.

Any thoughts how best to do this please ?

Many thanks for the help


  • Rupok
    • Support Ninja

    Hi Stephen,

    Thanks for asking. I just searched for you but could not find a ready-made solution for doing this. However, it can be done with custom coding and I can give you idea regarding how you can do this.

    I assume, you are trying to play your video using HTML5 (if not, I’ll suggest you to do so). In HTML5, you can easily detect when the video ends and then do an action by using JavaScript. To know how you can do that, you can check this StackOverflow answer:

    In this example, they redirected to another page when the video ends. In your case, you should be replacing the whole video block with slider block. Now either you can remove the whole video block and add slider code with jQuery, or try something smarter. That is, having both video and slider div on your site header and slider div being hidden with CSS by default. When the video ends, you should now hide the video block and show the slider block with jQuery. This StackOverflow answer will help you in this:

    If you think this will be too complex for you, you can always hire a developer from our Jobs Section. Please keep in mind, developers found in our Jobs Section are not associated with us in any way. So communicate with them well before you make any payments to them.

    Please let us know if you have any confusion. We will be glad to help.

    Have a nice day. Cheers!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.