Skip to main content
Participant
June 20, 2020
Question

video with interactive buttons

  • June 20, 2020
  • 1 reply
  • 260 views

Hi, 

 

I came across this video and am looking to recreate the same idea. Have a video play with interactive buttons. Does anyone know how the below was done? 

 

https://www.apartmenttherapy.com/small-cool-experience/2020-bright-monochromes-kelley-carter?newsletter_slot=6&utm_source=at_daily&utm_medium=email&utm_campaign=06132020 

 

Thanks! 

    This topic has been closed for replies.

    1 reply

    JoãoCésar17023019
    Community Expert
    Community Expert
    June 20, 2020

    Hi.

     

    A video is not interactive by itself as far as I can tell.

     

    What's propably happening is that the developers smartely positioned the buttons over the video. And when a button is clicked, instructions are sent to the video to play it, pause it, and change its current time.

     

    Please let us know if I'm missing something or if you have any further questions.

     

     

    Regards,

    JC

    Participant
    June 20, 2020

    Hi JC, 

     

    Thank you so much! I would love to learn how to do it myself. I am great with photoshop, illustrator, and indesign, but have never used any of the adobe video programs. Which one do I use, and are there developer tools available? What software would be best for the buttons? I am open to any suggestions and advice 🙂 

     

    Thank you! 

    kdmemory
    Inspiring
    July 2, 2020

    Hi Marat,

    maybe Adobe Captivate is a solution. You can make interactive videos with it. Although I work with Captivate for e-learning projects a lot (responsive HTML5), I haven't tried interactive videos yet. Will do soon.

    However- these two links might give you a good introduction:

    Captivate 2019 – Interactive Video, a video tutorial by Paul Wilson (as always very nice 'n' easy)

    Create interactive videos, an Adobe tutorial

     

    The video you've mentioned (Bright Monochromes) is done with some CSS trickery (z-index:99, position:absolute etc). JoãoCésar is quite right with his hunch. BUT - if you'd open the browser-console, you will find it's full of Warnings. IMHO - it's close to being dodgy.

    Klaus