Skip to main content
charleyriddle
Known Participant
January 28, 2020
Answered

Question: Pop up video with close button

  • January 28, 2020
  • 2 replies
  • 999 views

Hello! I'm working on a training and am running into a roadblock with an idea I have. On a single slide, I'm wanting to have videos that are hidden until the user presses a button. I want these videos to show up on the same slide as where the button is. This far in the idea, I'm not having trouble. However, I am having trouble adding a "close" button for the video. Specifically, I'm finding that whether using a traditional button or shape-button, when using multi-states, the buttons/shapes are locked to the exact same position. I'd like to have the "normal" state of the close button to be off screen and then the second state (when the video is playing), be near the top right corner of the video (when not in full-screen mode).

 

Is this a possibility with Captivate? Thanks!

Captivate version: 11.5.1

This topic has been closed for replies.
Correct answer Stagprime2687219
Hi all,

Thanks for the responses. Sorry, I don’t think my question was clear. I don’t want the “show video” and “close video” to be the same button. I need two separate buttons. However, I’m having trouble fully hiding the “close video” button. That’s why I thought I could just have the “close video” button off screen until I need it. How could I best hide the “close video” button when I don’t want it visible (and considering a multi-state will lock its position)?

The idea of doing a variable is interesting though.

Thanks!

For a variable setup - we just use the same button to show and hide the video. You could even change the state of the button to reflect what it will do - like have it read  'Show Video' or 'Hide Video'

 

In this setup you might have a variable called   toggleVideoA

Then you develop the conditional action for the button to say 

 

IF  toggleVideoA  equals  0

show videoA

changeState of  button

assign   toggleVideoA  to 1

 

ELSE 

hide videoA

changeState of button

assign   toggleVideoA  to 0

 

2 replies

Stagprime2687219
Brainiac
January 29, 2020

A couple thoughts/ideas on this...

 

1. How about implementing a variable for each video/button and using it as a toggle? If video is hidden - show it but if video is visible - hide it.

2. As Lilybiri said - You could also have a second button that is hidden appear at the same time as the video. One button to show the video and the button and the close button will hide the video and itself while the show button remains visible all the time.

Lilybiri
Brainiac
January 29, 2020

Greg, may have misunderstaood but to me it seemed like the OP wants to use the same button but it should be in a different location when the video is open. Another idea would be to apply a motion effect to the button if it is really indispensable to use the same one.

Stagprime2687219
Brainiac
January 29, 2020

Yes - I took it the same way but was offering some alternatives to being able to show and hide the videos.

Moving buttons around can have some unintended results so the two options I offered are typically good ways to tackle the task.

Lilybiri
Brainiac
January 29, 2020

The InBuilt States are indeed locked to the position for buttons, which seems very logical to me: how would a learner experience a button where the rollover and down state appears elsewhere on the screen? 

I suppose you really need a second button which you can show at the same moment as the video.