Hello, in this video, I am going to show you how to embed an element like a video and make it responsive
within the bootstrap system.
Really simple.
Really easy.
First of all, you want to obviously you do this in some sort of class with a column attached to it.
I've got 12 column, which is the maximum amount you could have sex free, whatever.
And first of all, you need to put a div and then a class.
And this is going to be an embed.
Dash responsive.
And then another one ambered, dash responsive, and then the ratio dash 16 by nine.
So that obviously the very common ratio and I will provide a link to the bootstrap website so you can
check it out.
But on here in the help of the embed section, it shows the different ratio of available and essentially
what is happening.
You can create your own if you wanted to.
So next, what we need to do is get an embed.
So if you're on YouTube, for example, you can go to share.
You can go to embed.
And we can copy that.
And then go down to here, paste it.
OK, so we don't need a whiff on it because we're going to be making it responsive and not fixed.
You can have a frame board if you want.
We're going to remove that.
You can also have this attribute that allowed you to do stuff like accelerometer or to play all the
stuff.
Again, I'm going to be removing that as well.
That is totally up to you.
And now we are also going to have a title.
And for this epic video, feel free to put what you want.
And obviously, I've left a life full screen for the user can go full screen, but feel free to remove
that attribute if you don't want it.
Next, we need a class and this is embed dash, responsive dash, quite a fly low.
Now we get the video and if I start resizing it, as you can see it recited nicely, if I was to put
this on six, then if I put another Dave here, put the class on hold and in theory, four of Perello.
This is obviously what we would get and we can resolve it, so we work great within the bootstrap grid
system, you can do loads of stuff like having tiles of different videos.
Maybe you're creating sort of a YouTube like website.
You can do that.
So that is it.
If you have any questions, feel free to pop me a message.
And as usual, I look forward to seeing you in the next video.