This to functions.php of your child-theme:
function youtube_full_width_with_shortcode(){
?>
<script>
(function($){
$('.fullvideo').closest('.content').css( 'padding' , '0px' );
$('.fullvideo').closest('.container').css({"max-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_with_shortcode');As code-block element on top – just pure no color-section.
Give to the code-block the custom-class: fullvideo
<div class="avia-video avia-video-16-9" itemprop="video" itemtype="https://schema.org/VideoObject">
<div class="avia-iframe-wrap">
<iframe src="https://www.youtube-nocookie.com/embed/sATEt-81AT8?enablejsapi=1&ecver=2&controls=0&cc_load_policy=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&vq=hd720&loop=1&playlist=QU0MCwH9cIU,f7Oy2fySTHM,DWRUW1oSLxI,JGt8g7Ms0zA,PGrBLAci8tQ,SlEXdbUgMuQ,kjA-GLzPMfQ,X-qPTwLUBAM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>