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

Class Materials

Bonus Materials with Purchase

Completed files

Exercise Files

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

2,000+ classes ranging from fundamentals to advanced techniques.

How To Add Video To Adobe InDesign CC Documents

How To Add Video To Adobe InDesign CC Documents

Lesson Info

42. How To Add Video To Adobe InDesign CC Documents

Lessons

Introduction To Adobe InDesign CC Advanced

Getting Started With The Adobe InDesign CC Advanced Class

Adjusting Your Workspace For Maximum Amazingness

Setting The Default Font Size For New Documents Adobe InDesign

Special Features For Typekit & Open Type Fonts

Where To Get Great Free Fonts For Use In InDesign

Mastering Your Fonts In Adobe InDesign CC

What The Font - Font Guess In Adobe InDesign CC

How To Pick Beautiful Font Pairings In Adobe InDesign CC

Quiz - Fonts

Free Icons Using Adobe Market In InDesign CC

How To Use The Color Theme Tool In Adobe InDesign CC

Using Color Modes In Adobe InDesign CC

Importing Colors & Setting Default Colors In Adobe InDesign CC

Finding Great Colours Using Adobe Color For Use In Adobe InDesign CC

Appearance Of Black & Proofing Colours

Draw Lot Of Shapes At Once InDesign Gridify Live Distribute

Quiz - Color

How To Make Arrows In Adobe InDesign CC

How To Draw Complex Flowers In Adobe InDesign CC

Quiz - Drawing

How Text Boxes Can Auto-Expand In Adobe InDesign CC With Auto Size

Placeholder Text Alternatives In Adobe InDesign CC

How To Add Paragraph Borders & Shading In Adobe InDesign CC

Paragraph Vs Single Line Composer In Adobe InDesign CC

How To Make Paragraphs Span 2 Columns In Adobe InDesign CC

Mastering Justification In Adobe InDesign CC

Mastering Hyphenation Options Using Adobe InDesign CC

Optical Margin Alignment In Adobe InDesign CC

The Secret Power Of Keep Options In Adobe InDesign CC

Advanced Anchored Objects In Adobe InDesign CC

How To Use Conditional Text In Adobe InDesign CC

Quiz - Paragraph Goodness

How To Create Pie Charts & Bar Graphs In Adobe InDesign CC

Quiz - Charts & Infographics

The Pros & Cons Of The Various Interactive Types In InDesign CC

How To Create An Interactive PDF In Adobe InDesign CC

How To Add Interactive Page Transitions In Adobe InDesign CC

How To Add Navigation To An Interactive PDF In Adobe InDesign CC

What Is Publish Online In Adobe InDesign CC

How To Publish Your Adobe InDesign Publish Online Documents

How To Add Video To Adobe InDesign CC Documents

How To Create Interactive Button Triggered Animations In InDesign CC

How To Make A Multi State Object In Adobe InDesign CC

How To Add Adobe Animate CC To InDesign CC Files

Adding Maps & Calendars To Interactive Documents In InDesign CC

How To Create QR Codes In Adobe InDesign CC

Quiz - Interactive Documents

Keyboard Shortcuts In Adobe InDesign CC That Will Change Your Life

Keyboard Shortcuts

How To Automatically Place Lots Of Text Onto Multiple Pages In InDesign CC

How To Make A Cross Reference In Adobe InDesign CC

How To Create An Index In Adobe InDesign CC

Add Document Name Automatically To The Page In InDesign Using Text Variables

How To Use The Adobe InDesign CC Book Feature

Quiz - Long Documents

Changing Preferences For Advanced InDesign Users

How To Speed Up Your Workflow For Advanced InDesign CC Users Styles

Why Should I Use Character Styles In Adobe InDesign CC

Advanced Paragraph Styles In Adobe InDesign CC

How To Use & Map Word Styles In With Adobe InDesign Styles

How To Create Nested Styles In Adobe InDesign CC

How To Create A Grep Style In Adobe InDesign CC

How To Use A Next Style In Adobe InDesign CC

Advanced Object Styles In Adobe InDesign CC

Quiz - Styles

Best Practices For Working Across Multiple Documents In Adobe InDesign

How To Use Adobe Stock With Adobe InDesign CC

How To Crop Images Inside Of Text In Adobe InDesign CC

Using Adobe Comp CC To Make InDesign Layouts On Your Mobile Phone Or Ipad

Quiz - Images

Advanced Use Of CC Libraries In Adobe InDesign CC

How To Get The Most Of Photoshop & Illustrator In Adobe InDesign CC

How To Create A PDF Form Using Adobe InDesign CC