To get the traffic on your page from all the devices your page must be responsive/friendly to every devices. While embed the youtube videos you see that's it is not responsive to every devices. So I have shared the Trick to make the embed youtube videos responsive. All the information are given below :


HTML :

Here in the HTML , create the <div> with class="videoWrapper" first. And Copy the Video embed code from Youtube and paste the embed code inside the <div>.

CSS :

And in css set the position, padding, height & width as shown below:

Final Code :

This is the final code, You can copy it by pressing Ctrl + C.

Result :

Check this out by resizing your browser or Open this in Your Mobile, Tablets or Other devices available .
So, If you satisfied with the information than comment below. And Stay Tune for More Updates. Thank You !!! .