Time for action—adjusting the video width
Let's adjust the width of the video in line with our layout. Perform the following steps for doing so:
1. We will return to the YouTube page and scroll down a bit to see that there are options for our video size. There are four standard sizes or we can create a custom one on our own.
2. Let's choose the 640 x 480 (640px wide by 480px high) option, as that's the closest to the width of our content. It's not worth worrying about the exact dimensions, as we're going to add responsiveness to our video shortly:
3. We will copy the following new code and paste that into our page to replace the old code:
<iframe width="640" height="480" src="http://www.youtube.com/embed/k3-EFN2Eohc" frameborder="0" allowfullscreen></iframe>
4. Finally, we will click on Update to save our changes.
What just happened?
We replaced our video code to fit better in the layout. Let's see how it looks, as shown in the following screenshot:
That's better. Now let's see how...
