In this video tutorial, I will show you how you can create a play/pause toggle button to control your Adobe Captivate Event Videos using a mixture of advanced actions and JavaScript.
Adobe Help Page Mentioned in Video
➜ https://helpx.adobe.com/captivate/using/event-video.html
Great video Paul! Works just like you showed us, any chance you can show us how to make a Rewind button that goes back 30 seconds in a video?
Hello Paul,
I researched and watched several of your videos. I have a video in Captivate and I watched how you assigned a button to play the video using an advanced script. My video plays when I click the button perfectly. My issue is it plays the video on a new page and there is NOT a way for my user to get back to the original Captivate slide. I have tried changing from New to Parent, to Current and it still plays in a new window.
Do you have a way to get the video closed and back to the Captivate slide? There is no close button and the back button takes the user to the beginning of the course.
Thank you,
Lori
I have a reply that is presently stuck in moderation due to the fact that I added about five links to other videos you might find helpful. Please standby.
You can run a small amount of Javascript as an action associated with specific activities in Adobe Captivate. The Javascript can be run when a user clicks on a button, shape used as a button, click box but also when a user arrives on a particular slide. For example, if you create a software simulation, you could add a blank slide that has an on-enter action. That action could be Execute Javascript. Inside the script window enter in the alert function you wish to use.
hi, paul excellent tutorial…
i want asking something, now i am working develop simulators for programs so, i need to know how execute a alert in javascript when the simulator finish?
alert(‘your message’)
Hi Paul. This is great! it actually reminds me some line codes from flash as3.
In my case I would like to drag a graphic from left right to change video and go back forward in video time.
is there any: document.getElementsByTagName(“video”)[0].goTo(#frame) ?
So I could do a map() function from min to max of x position of the graphic to start and end of the video?
Any idea on how to do that?
You could do this with a Vimeo embedded and then use their API.
https://elearning.adobe.com/2018/02/vimeo-buttons-sample-file/
Great video! Thanks for sharing! Do you have any tips on how to have the video be paused when you enter the slide until the user clicks the external (manually made) play button? I know you can usually uncheck the autoplay box in the videos properties, but when you set the video skin to none this option becomes greyed out and it is checked automatically 🙁
I’ve tried adding an on enter action to the slide where it executes javascript and I add ‘document.getElementsByTagName(“video”)[0].pause();’ to the window, but that doesn’t work. Seems the autoplay function is fired off first or something?
My own question was just answered thanks to another forum user at this post here – https://forums.adobe.com/thread/2441199
If anyone else has the same issue!
Julio, I’ve never created Javascript controls for YouTube or Vimeo videos. You should post this as a new question to get more people to see it and possibly get an answer sooner.
Thank you Paul for this wonderful video.
I have added a link to this video from the help page.
Cool thanks.