Embeded video size

[jaimon82]

Hi.

I’m having problems with an embeded video.

The thing is my embeded video goes full page, even if I insert the following code

[embed width="200" height="100"]https://www.youtube.com/watch?v=pllRW9wETzw[/embed]

 

What’s happening?

[Laura]

Hello, i would need to check at your site, but actually if you paste the youtube url directly it should add the video without needing any embed code

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jaimon82]

Hi Laura.
Didn’t know that. Good to know.
Anyway, the problem for me persist.

The thing is, when I insert the youtube link it takes a huge size and I can’t customize the width and height.

What I’ve got now in my post is this code (and I attached you a screenshot of what I get)

[embed width="200" height="50"]https://www.youtube.com/watch?v=pllRW9wETzw[/embed]

How can I customize the width and height?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i would need to see it at your site, do you have any way to have it online?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jaimon82]

No. I’m working locally.
How could de do this, then?

(I suggest Seventhqueen yo ask this question in the first contact support form, don’t you think?)

Thanks!

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

.fluid-width-video-wrapper iframe {
    width: 600px;
    height: 400px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jaimon82]

Hi again.

Now we have the video in a correct height and width. First step completed! 🙂
But still having an issue with the size of the column which contains the video.

When I insert the code you provide me, I can see the video in a correct size, but there is a lot of blank space above it (actually, exactly the same space the video was shown before insert the code)
I attached you two screen captures: 1) with the code inserted 2) without the code inserted.

Could it to be something related with the padding?
Something about the container?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try with this too:

COPY CODE

.fluid-width-video-wrapper {
    padding-top: 50% !important;
}

Hope it works 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jaimon82]

Yes!
🙂

Thanks a lot Laura.

[Laura]

Happy to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts