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

Flowing video with responsive embeds - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

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…

Contents