Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #749532

    Why is it so hard to embed a Vimeo video in Enfold? The proportions are wrong, there are huge black bars top and bottom.

    Isn’t this a built-in WordPress feature? I own multiple Enfold licenses and I run into this again and again… Please advise on how to make this simple thing work. I’ve attached a link to an example. Thanks.

    #749599

    Hey PtboRelic,

    Yes it is wordpress feature however you have indicated the height and width. You can put the vimeo link instead of embed/iframe code and wordpress will take care of it.

    Best regards,
    Nikko

    #749602

    Hi, thanks for the reply.

    That’s exactly what i’m doing — just a Vimeo URL, entered on one line. I’ve confirmed that in both the Visual Editor and the code editor. And it doesn’t work.

    #749608

    Hi,

    I have a local installation and just tried it with a text block and didn’t have any trouble with it. Can you give us temporary admin access? so we can check it.

    Best regards,
    Nikko

    #749610

    Yes, setting it up right now

    #749612

    Login info attached

    #749630

    Hi,

    I checked it however it seems it’s using different wrapper on your end, I have added this in Quick CSS:

    .embed-vimeo {
        padding-bottom: 56.25% !important;
        position: relative;
        height: 0;
    }
    
    .embed-vimeo iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 0;
    }

    And fixed the issue. :)

    Best regards,
    Nikko

    #749649

    Thank you, that does work.

    (I wish I understood why… It’s such a fundamental issue, and I’ve run into it on my other Enfold sites too. I have sometimes been able to get rid of the problem using a plugin called Fluid Video Embeds. It had no effect on this site.)

    #750439

    Hi,

    I can’t be totally sure but I’m guessing it’s one of the plugins you are using, I could try to check that out but would require deactivating plugins and checking one by one.

    Cheers!
    Nikko

    #1160297

    Very old thread, but: I just ran into this on my own site, and appear to have fixed it (pending more extensive testing) by including the following line in my child theme’s functions.php:

    add_theme_support( 'responsive-embeds' );

    This is sort-of documented for the WordPress block editor.

    • This reply was modified 7 months, 1 week ago by  jjsanderson.
    #1160312

    Hi jjsanderson,

    You’re right, thanks for sharing it :)

    Best regards,
    Nikko

    #1162185

    @nikko: can I commend the responsive-embeds line as a candidate for a future Enfold release? I haven’t done proper testing, of course, but I’m seeing it fix several things around my site.

    #1162684

    Hi jjsanderson,

    Sure, it has already been added since Enfold 4.5.5, you can find it in this class: Avia_Gutenberg_Theme_Integration.

    Best regards,
    Nikko

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.