Youtube video aspect ratio displaying incorrectly

can you try this in quick css:

.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    display: inline-flex;
}

maybe an !important is necessary

Edit: this works only in firefox ( on simulation with webdevelper ) but test it please live – maybe it will work than on those browsers

The thing with those codes of youtube is that often there are width and heights information about the video – but that causes this behavior.

if it works it will be better if we debounce this resize function.
it is always a good advice to do
throttling on scroll events and
debouncing on resize events

see here the result on left with resize function – on the right normal behavior : https://webers-testseite.de/weber/youtube-windows/

If you resize the browser window – you will see that debouncing is working . (every 250ms the function resizes the window of the given element)

another clou of that code is – that aspect ratio is part of the calculation !

so here a bit optimised:

all comes to functions.php of your child theme:

here a debounce function – easy to use ( if you have a resize function – only replace resize with smartresize)
here is a timing of 250ms preselected

function add_debounce_function(){
?>
<script>
(function($,sr){
    var debounce = function (func, threshold, execAsap) {
        var timeout;
        return function debounced () {
            var obj = this, args = arguments;
            function delayed () {
                if (!execAsap)
                    func.apply(obj, args);
                timeout = null;
            };
            if (timeout)
                clearTimeout(timeout);
            else if (execAsap)
                func.apply(obj, args);
            timeout = setTimeout(delayed, threshold || 250);
        };
    }
    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
</script>
<?php
}
add_action('wp_footer', 'add_debounce_function');

and the code now ( give to the parent container of iframe the class spezialyoutube )

function custom_video_embed_script(){
?>
<script>
  (function( $ ) {
      "use strict";
      $(function() {
      var $allVideos = $(".spezialyoutube iframe[src*='www.youtube.com']"),
      $fluidEl = $(".spezialyoutube");
      $allVideos.each(function() {
      $(this)
        .data('aspectRatio', this.height / this.width)
        .removeAttr('height')
        .removeAttr('width');
      });

      $(window).smartresize(function () {
      var newWidth = $fluidEl.width();
      $allVideos.each(function() {
      var $el = $(this);
          $el
          .width(newWidth)
          .height(newWidth * $el.data('aspectRatio'));
          });
        }).resize();
    });
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_video_embed_script');

see: https://webers-testseite.de/weber/youtube-windows/