Adjust YouTube video in Code Block to browser width

can you give me a link to that page?
it depends on how you have placed the video.

i would use no surrounding containers – even no color-section for it and i would use the following code block input – because it uses directly the allmost existing calculations:
do not mark any options in codeblock element.

<div class="avia-video avia-video-16-9" itemprop="video" itemtype="https://schema.org/VideoObject">
	<div class="avia-iframe-wrap">
		<iframe …. >  </iframe>
	</div>
</div>

give a custom Class to code block element – f.e. : fullvideo

put this to your child-theme functions.php file:

function youtube_full_width(){
?>
<script>
(function($){
   $('.fullvideo').closest('.content').css( 'padding' , '0px' );
   $('.fullvideo').closest('.container').css({ "max-width": "100%", "width" : "100%", "padding": "0" });
   $('.fullvideo .avia-video').css('margin-bottom', '0px' );
   $('.fullvideo .avia-iframe-wrap').css('margin-bottom', '0px' );
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'youtube_full_width');

see here: https://webers-testseite.de/youtube-shortcode-for-enfold/

password : Enfold

is there a link to your site?

so i misunderstood your question. You only want to have it over the container width.
The headline misleaded me: Adjust Video to browser width
same as above but without the fullvideo class
just put your codeblock into a color-section

see testpage again – just under the fullwidth video