What is the best way to change the default iframe size when using oEmbed?

Support General What is the best way to change the default iframe size when using oEmbed?Resolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26851
    lighterdayzlighterdayz
    Participant

    I am using oEmbed field to show post videos in post grid with Beaver Themer field connection shortcode.

    The default iframe size is creating a lot of space above and below the videos. (see below)
    Space output: https://www.screencast.com/t/FWoTMLhf0

    Here is the output from Dev tools:
    <a href="https://player.vimeo.com/video/84739025?dnt=1&app_id=122963">https://player.vimeo.com/video/84739025?dnt=1&app_id=122963</a>

    What(and where) is the best way to style the width and height of the iframe?

    Thanks!

    #26858
    Long NguyenLong Nguyen
    Moderator

    Hi,

    If you embed a Vimeo video, I think you can use the field custom HTML then add all responsive code generated by Vimeo. Screenshot https://share.getcloudapp.com/yAuDo87K.

    #26870
    lighterdayzlighterdayz
    Participant

    Sorry, i maybe wasn't clear.

    I have an oEmbed metabox for the user to insert a featured video for each post. The user will upload both youtube and vimeo videos. I need the videos to populate on an archive type page, which they are now, but the sizing is wrong. Do I need to create a container that the video fits in?
    I need all the videos to show in a uniform iframe size. I don't understand "you can use an html field" when I'm using an oEmbed with field connection in the beaver builder custom layout.

    How can I make the output area uniform?

    Thanks!

    #26872
    lighterdayzlighterdayz
    Participant

    I found the answer with CSS. Make a relative position container and make the embedded iframe position absolute.

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