From the course: Adobe Captivate 2019: Advanced Techniques

Adding an interactive video - Captivate Tutorial

From the course: Adobe Captivate 2019: Advanced Techniques

Start my 1-month free trial

Adding an interactive video

- Let's begin this course by learning how to create interactive videos. This brand new feature in Captivate 2019 will allow you to convert and MP4 video, a video demo, or a YouTube video to an interactive video by adding overlay slides. You can also enable remediation and branching with the help of bookmarks. The interactive video feature in Captivate 2019 is only compatible with HTML5 Output, so it will not work in the courses that are previewed or published in SWF format. Let's take a look at the workflow to create interactive videos. If you have the exercise files, I highly recommend placing them in a convenient location such as right on the desktop where they're easy to find. In the exercise files folder, you'll see sub-folders representing each of the chapters in this course. Double clicking one of those will display the files we'll be working with. Here you will find new versions of Captivate projects, one marked with the extension start to indicate the starting point for creating the project. Another marked with the extension complete to indicate the final output. This will help you compare your own work with the completed project. Now double click interactive video start project. This will open the project in Captivate for you. Don't worry if the fonts looks different in this and the other exercise files you have downloaded for this course as I have used Typekit fonts for some of the text on the screen. If the Typekit fonts I have used are not installed on your system, Captivate will default to the fallback font. Now, in the filmstrip panel, click the second thumbnail to switch to slide two. On this slide we will be adding video and then convert it to interactive video with the help of other slides that are already added to this project. To add a video, go to the toolbar and click interactive video. In the insert video dialogue, let the option remain YouTube video if you with to embed YouTube video on the slide, and then enter the YouTube video link in this field, or you can select from your computer if you want to import an MP4 video saved on your computer. Then click the browse button, navigate to the exercise files folder, and chapter one folder. Here select video.mp4 file and click open. If you wish to use a portion of the video instead of the entire video, you can alter the start and the end time of the video here. Once you are done, click OK. The video will now be added to your slide. This video is slightly bigger than the slide. Let's resize it by selecting the video first. Then go to the properties inspector and switch to the options tab. Change the X and Y coordinates to zero, and then change the width to 1024 pixels to match it with the project width and press enter. Now let's switch back to the style tab. If you're not able to see the entire slide completely, you can change the magnification by clicking the 100 number here and changing it to any other number, or selecting best fit. Let me select 75 here. Now with the video still selected, press and hold the Shift key on your keyboard, and then press Down Arrow five times. This will place the video precisely at the bottom of the screen. The video is now added to the slide, and ready to be converted an interactive video.

Contents