From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Flowing video with responsive embeds - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
Flowing video with responsive embeds
- Working with video usually requires some custom CSS to make sure that it displays properly, and in something like Bootstrap, where you have all these different breakpoints, it would sort of be a pain, 'cause you would have to account for the different breakpoints and the different layouts that you're doing. So thankfully Bootstrap provides a couple of responsive classes that you can use for that. Let's go ahead and replace this grooming image with my own video tag here. So, I'm going to use the standard video tag and then the source for this one is going to be the video folder, and then it's going to use a file called "brushing.mp4." I've added a couple of videos there, so in my video folder you can see that we have "Brushing," and then also "Petting." So we'll start with "brushing.mp4." I need to add a few attributes here, just to make things a little bit cleaner. So I'll do autoplay, and then show the controls, and I want to make sure that this is muted, because I'm going to be…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.