1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Divi/Video height issues

Discussion in 'Get Help On Divi Wordpress' started by Lou Paris, Feb 11, 2020.

  1. Lou Paris

    Lou Paris New Member

    I've been stumbling across an issue on a fresh build incorporating video in both the blog grid and in a Guttenberg post + theme customization. The height of the video is being hard coded in the call forcing the height to be too tall. And given in these two instances of the blog grid or a post, they are being managed in columns which then the width is being capped off. For instance:

    HTML:
    <figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
    <iframe title="The Best External SSD for 2020" width="1080" height="608"  frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen data-src="https://www.youtube.com/embed/ObQcM7SV3EI?feature=oembed" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><iframe title="The Best External SSD for 2020" width="1080" height="608" src="https://www.youtube.com/embed/ObQcM7SV3EI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></noscript></iframe>
    </div></figure>
    This can be found on the following pages (password is pc):
    https://staging2020.pariscreative.com/blog-for-djs-only/
    https://staging2020.pariscreative.com/for-djs-only/the-best-external-ssd-for-2020/
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Seems like your video is missing the wrapper.

    Try the below code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
        jQuery(function($){
            $('.et_main_video_container iframe, .is-type-video iframe').wrap('<div class="fluid-width-video-wrapper" style="padding-top: 56.2963%;"></div>');
        });
    </script>