How To Add Video To Adobe InDesign CC Documents
Hi there in this tutorial, we're gonna look at how to add video like this stuff in the background that you put in yourself and we'll look at these guys here where we're doing youtube video. Hey, it's me saying hi there. Okay. So we're gonna add video from ourselves and video from Youtube and vimeo, all sorts of video. And we're going to publish it online in our interactive catalog. Okay. To add those two videos, we'll do our own video first and we're gonna go down to our chairs and benches, page. So page three, we need to find this media tab. If you can't find it over here, go to window interactive and go to media. Okay? So in here I'm going to have this little button down the bottom right here. Okay. And we're going to do video, but you could totally do an mp three file if you just want audio. Okay. And we're gonna go to our exercise files. Go to 04 Interactive and there's only one mp four in there. I got this from this website here, shoutout to pixels video. Okay, So videos dot pixel...
s dot com. I'm probably not saying that right? But there are free commercial use stock library stuff in here, awesome. So I've used some stuff. So let's jump back into into zone. So video and before let's click open and your cursor becomes loaded. What I'm gonna do is I'm gonna drag it out to any old size. Okay. Because I want to resize it afterwards. So it's too, it's not quite how I want it. So I'm going to right click it and use outfitting. Okay? And there's framed content. So the box is the same size. What I want to do, I'm gonna kind of use it like a bit of a graphic in the background and make it nice and big. Okay? And I'm gonna kind of crop it in and then maybe double click the center and move it across a bit. So we're doing some kind of like cropping because it's kind of like an abstract style video, it's kind of blurred out. I'm okay that it's just kind of cropped in a bit. You might not have the luxury to do that. The other thing to do is this is on the wrong layer. Now it's because over here in my layers panel. Okay? We were working on that navigation earlier, so he's ended up on the wrong page. What I can do is with it selected. I can grab this dot and just drag it down to this. Lay here and say you're now in the main content because I want the navigation to be above it. Now, what I'm gonna do is going to click off and lock that navigation layer, so I don't wreck it because I've got a video here. You've got some basic options. Okay? You can go over here and say does it play on the page, load, that's what I want, because I don't want controllers. Okay if you do want controllers okay skin overall, we'll leave them on just so you can see them. I don't want them. So I'm going to get it to play by itself. Otherwise if you don't have controls, it's not going to play. Okay. The next thing to do is preview it. Okay. This e pub interactivity, you can try click on the first page. Hit play and because we're on page street should play pastry. Okay. And there's my little navigation slowly appearing above it and there's my video playing. Okay. This will work when I hit publish online. It takes a little bit of time to publish online so I'm gonna leave it. But you can see in here. I put the controllers in which this if I roll up overt. Okay. There's a little play head that appears so you can go and turn those on and off by closing that down, click on this guy and go to media and whether it's selected, you can decide actually I don't want any kind of play control. Just wanted to play by itself. The one thing to know about using videos in your pages, the document can become quite big and take a long time to load what you might find it easier to use, say Vimeo or Youtube videos rather than your own videos that you've loaded into here. Both Youtube and Vimeo have grade servers all over the place and they do that lovely buffering thing. You can adjust the quality of them depending on how fast your internet connection is. So there's some perks for using Youtube, especially if you've got lots of videos, you don't want lots of videos bloating out your page load and it's taking a very long time. So first of all, we need to jump out to Youtube or vimeo. Alright, so in Youtube, find a video, any video as long as it's got a picture of me in it. Okay. And once you've found it, what you're looking for is you're looking for the share option down here. Okay. And in the share option, there's one called in bed and that's the trick that we need. So there's a couple of things we can do in here before we get into in design. Okay. We can down here to say whether we want to have that suggested videos at the end. I don't want those to appear at the end of my video to want the video title. Can you see it on the top, then? I'm gonna turn that off. I don't like that there. So I'm gonna have the player controls the play pause, that's totally going to be there. And yeah, that's the main parts of it in terms of the height and width, it's harder to change it in in design later on. Okay. So if you know the height and width you want it to be, you can type it in here. There is a way of adjusting it and then design afterwards. And I'll show you how it's click copy, jump back into in design and all you do is go edit paste or use your shortcut and that little kind of cube appears for a little while and eventually it turns into a youtube video. There. It is cool. So I don't have a space for it here. I should Okay, I'm just gonna make this text up here and you're going to go down there and you can preview it in your pub interactivity, you're gonna be on the right page, you're gonna play, give it a second, that's going to play there's my youtube clip and it plays in here now it doesn't play properly in this little clip here. It does when you publish online. Okay. One of the things I want to do before you go is let's say I want to resize it if I resize it just like I do an image okay to fit. Unfortunately it will when I go back to my ipod breeder, I've made it that big watch this, I hit play, it just goes back to its original size so it's kind of like coded to be that size. So what I'd like to do is I'm going to scale it up to the size I want. So here we go. So I wanted to be about that sort of size, right? And I'm gonna take these dimensions here. So 782 plus 445. Okay. And what you do is you right click it. Go to edit html. And you need to type these in here because it needs to be proportionately high. Okay, so 782 by 445 click Ok. Now if I go into my e pub interactivity preview thing, it should be the right size. So you can either do that in Youtube before you bring it in or you can right click it like I did and edit the html. Alright. If you're using Vimeo, it's the exact same option and vimeo Vimeo here, remember you're only allowed to pick videos that have me and them and then find the video you like click on share. It's this little dart and in here you're looking for the same thing looking for in bed. Vimeo has a nice little option that says show options and you can decide on your height and width here. Before you go into in design, the same sort of thing, you can auto play it. Do you need the text as the video loop and select all of this, copy it and just paste it into in design. Alright, buddies that is using video inside published online in adobe. In design