video with interactive buttons

[marat4185039]

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?newslet... 

Thanks! 

[JoãoCésar]

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

[marat4185039]

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]

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