In this video, learn how to locate and insert an existing video file onto a slide in your project, resize and position the video on the slide, and adjust options such as how the video will play and look for the learner.
- [Instructor] Just as we can add audio to our projects here in Storyline 3 to make them more interesting, We can also add video. That's what we're going to do in this movie. There's a couple of options to choose from when adding video to your project, and we're going to do it with our orientation project we've been building, Orientation0402, if you're catching up. We left off here on our first slide. But we're going to change scenes. Let's go up to the Scene drop-down arrow here in the top left corner, and select Local Attractions. We've been here before, and our first slide is a cool looking London logo.
Perhaps it would be even better if we replaced this with some moving pictures, a video, and I do have a video for you that can be inserted here. But there are some other options to consider. First, we'll go to the actual logo, just click, with it selected, hit your Delete key on the keyboard to remove it. Now we have this space for our video. We'll go to the Insert tab just above the ribbon, and in the Media group, you'll see there is a Video button. The top half is the default. That allows you to go looking for a video file.
There are a number of different formats to choose from. But if you click the lower half of this button, which opens up the drop-down menu, you can see the default Video from File, but also, if there was a video on a website that you wanted to show here in your e-learning project, a You Tube video, for example, you could use this option. Or record your own video with a webcam, either connected or built into your computer. Imagine being able to just simply videotape yourself recording what you're saying, seeing you, and then adding that to the slide, just another option to consider.
The last one is a Flash Movie, so if you wanted to insert an SWF file you might have, there's where you go to get those. But let's go up to Video from File, because I do have one for you in the Chapter 4 folder of the Exercise Files, called Oxford Street. Notice this format is M4V. Notice down in the bottom right corner, all the different formats for videos that can be inserted, movie files, AVI files, Flash, Shockwave Flash files, they're all here, and this one happens to be M4V.
Just hover over it to get some information about its length, you can see the size. Click to select it so it shows up here in the File name field and click Open. This is going to add it to the slide, and you can see by default, it's filling the entire slide. You can leave it like that if you wanted to, or if you wanted to size it down so you can see the title, the Landon Hotel logo, just go to one of the handles, like you would with any other image file. I'm going to go to the top right hand corner. By going to a corner and sizing diagonally, we can maintain the aspect ratio, so it stays in the same shape.
In this case, it's kind of a wide screen. Size it down, move it around. I'm going to move it into the slide area here and try and center it as best I can, and when we release, with it still selected, you can see what that's going to look like for your learners. You'll also notice up here, Video Tools appears above the ribbon with an Options tab, and we have a number of video options, such as previewing it right from here. We don't have to preview the slide to preview the video. Click the Preview button and it will play right there on the slide.
Notice it turns into a Stop button so you can stop it at any time if you wanted to. Now, this particular video has no volume, so we don't have to worry about adjusting the initial volume, like we did with our audio file in the previous movie. We can do some editing with our video. Let's say at the beginning there was some black or white screen before the video played, we could trim that out, or we could crop down the shape here if we wanted to using the Edit Video button. Give it a click to take a peek at some of the video editing options that pop up in this window.
There's Trim, for example. Clicking Trim shows you on the Timeline where things start and end, and you can go there to trim parts off, I'm going to leave it all the way out to the right here, or trim parts off the beginning. Again, if you had some dead air where you had white or black screen, you could trim those, and when you're done, click Save & Close. You can also Crop. Clicking Crop shows you the area that you can crop, and you can move it around, so you can focus on a part of your video.
I don't think we need to do that. We don't need to trim, so if that is still selected, just click it again to deselect it. You can see, Brightness, Contrast. We can insert a logo, so a watermark logo, for example, if you wanted to have the Landon Hotel logo transparent in one of the corners, you could do that. Notice that with Insert Logo, if we do insert one, there's a Transparency setting that we can adjust as well. If you don't like any of the changes you made, you can reset the video back to where it started, clicking Reset Video.
If you wanted some other video, maybe you got the wrong video, you can change video by clicking Change Video, you get to go looking for a different video. We're just going to click Save & Close to close this up, takes us back to our slide. Some other options, for example, up here, Show Video is defaulting to in slide. When our learners arrive at this slide, they're going to see the video play right here on the slide. If you'd rather have a browser open up, for example, and let them see the video in full screen, you can go to this drop-down, and you can see there is a new browser window option that will open up a separate window just for the video, allows them to see it full screen.
We're going to leave it at in slide. Notice also this video, when they arrive at the slide, it's going to play automatically. In this case, that's probably a good idea, just to add some pizzazz. Click the drop-down, though, and you'll see some other options are, When clicked, so, in other words, to see the video, they'd have to click it, you might want to add some instructions to your slide, letting them know they need to click it to see the video. Doesn't really look like a video when you arrive. You can also set up triggers, just like we did for other elements of our e-learning project. Perhaps, when the Timeline starts, after two seconds, or when somebody clicks something, if you wanted to.
We're going to leave it at Automatically. Another option is to Show Video Controls, maybe a play bar with a Play button, for example. Right now you can see the default is None. Click the drop-down if you want to add it below the video. You can see what the play bar looks like. There's the Play button, you can see the duration, the length, and of course, they'll be able to follow along across the bottom, clicking Pause, so the little Play button turns to a Pause button. If you think that's useful, and sometimes it is, if it's an instructional video.
This is just for visual interest, so I'm going to go back up here and choose None for the Video Controls. Over here, you can see the ability to set up alternate texts for accessibility if we wanted to. In this case, there is no audio or anything, so we really don't need it, it's just a visual at this point. Then you can see some other options for working with objects like arranging and sizing them, just like we would with an image file, for example.
Click in the background to deselect, and if we're ready, we can preview this one slide by going to the Preview drop-down up here under Publish, and choose This Slide, Control + F12, again, is your keyboard shortcut. This does contain a video file, it might take a little bit longer to generate the preview. But what we should see when the slide appears is the video start to play automatically, there it goes, and right to the end. At this point, we would move to the Previous or Next slides, using the buttons.
A Volume button, we might want to adjust our player for this slide, and just hide that, because we don't need it. You can leave it there if you want, as well. We'll close that up, and that's how you add some video to your slides here in Storyline 3. It's a great way to make your content all the more interesting.
- What constitutes good elearning?
- Setting up global preferences
- Starting a new project from scratch
- Adding animation, transitions, and images to a project
- Creating and editing buttons
- Adding background audio
- Ensuring accessibility
- Elearning assessment basics
- Publishing your project