Responsive Video Max-width

So, apparently, I needed to read a little bit more before I posted my question.

After I posted the question, I ran across: https://moodle.org/mod/forum/discuss.php?d=258650, which is what I incorporated into the code I was using.

I modified my function to look like:

function video_embed( $html ) {
    return '<div class="video-container"><div class="video-wrap">' . $html . '</div></div>';
}
add_filter( 'embed_oembed_html', 'video_embed', 10, 3 );

I added the following css:

.video-container {
    max-width: 400px;
}

So, what I did was add a video-container div that wrapped around my video-wrap div, where I specified a max-width.

I tried all different widths, all of which are now working 🙂