How to Implement Responsive YouTube Video Framing? [closed]

Make the media query for <iframe> responsive. Set an id to <iframe>and set max-width and min-width, and give specific size to this <iframe> on different device widths.

CSS:

<style>
    @media screen and (max-width: 400px) {
        #res{
            width:200px; height:200px;
        }
    }
</style>

HTML:

<iframe id="res" src="https://www.youtube.com/embed/rL66iCVZ6mE?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>`