Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 20, 2017 at 7:35 pm #749532
    PtboRelic

    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.

    February 20, 2017 at 9:40 pm #749599
    Nikko

    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

    February 20, 2017 at 9:44 pm #749602
    PtboRelic

    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.

    February 20, 2017 at 9:54 pm #749608
    Nikko

    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

    February 20, 2017 at 9:55 pm #749610
    PtboRelic

    Yes, setting it up right now

    February 20, 2017 at 10:00 pm #749612
    PtboRelic

    Login info attached

    February 20, 2017 at 10:24 pm #749630
    Nikko

    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

    February 20, 2017 at 11:04 pm #749649
    PtboRelic

    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.)

    February 22, 2017 at 12:19 pm #750439
    Nikko

    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

    November 26, 2019 at 12:50 pm #1160297
    jjsanderson

    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 4 years, 8 months ago by jjsanderson.
    November 26, 2019 at 1:25 pm #1160312
    Nikko

    Hi jjsanderson,

    You’re right, thanks for sharing it :)

    Best regards,
    Nikko

    December 3, 2019 at 1:01 pm #1162185
    jjsanderson

    @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.

    December 4, 2019 at 6:16 pm #1162684
    Nikko

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.