Join James Williamson for an in-depth discussion in this video Making video fluid, part of Applied Responsive Design.
Much like images, video can often be difficult to integrate into responsive designs.…In this exercise, we are going to explore how to embed a YouTube video into your page…and then ensure it's just as fluid as the rest of your layout.…So I have got the media.htm file open in the 04_02 directory, but before I can start…working on this, I've got to go get a video. So, I am going to jump out to YouTube and…just pick, oh, I don't know any old random video. Hey, that's me.…All right, let's say I want to embed this video on one of my pages.…
What I would do is I will just go down to the embed link right here and I would just…sort of choose some of the options here. So let's say video size,…I will just pick some of the big here, 853. I am not going to show any suggest videos…when the video finishes. Yeah, this is fine.…All right, so I am just go and copy this and jump back into my HTML.…Now, what I want to do is I want to scroll down in my code, and I am going to find this paragraph…right here that says if the image is purely decorative. And I am going to create a line…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.