Embedding Youtube videos

[vikverma]

Hi, I love the theme but need some help. I have some embedded videos on posts, normally they would just automatically size to suit the theme, however since I installed KLEO, those videos are now very large.

I have tried playing woth the wordpress media settings but that does not appear to make a difference. It is almost as if the default embed video size for this theme is set to large?

Help

Vik

[Radu]

Hello,

Try with CSS code

COPY CODE

#bbpress-forums .bbp-reply-content iframe {max-height: 360px !important; }

Add this code to yout kleo-child directory style.css file OR go to WP-admin -> Theme Options -> General Settings -> Quick CSS area.

Let me know if it works.

Cheers

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

What support service includes ? What not ?

[marceltj]

Same issue here does not work for me. I am using Activity Plus to embed but they also told me this is related to theme.
Even tried using settings via bp-custom define and still overwritten by theme.

[Radu]

Try like this

COPY CODE

#bbpress-forums iframe {max-height: 360px !important; }

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

What support service includes ? What not ?

[marceltj]

This reply has been set as private.

[Radu]

Hello @marceltj ,

I see the videos are small, not large, what is not ok ? do you want embedded size larger ?

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[marceltj]

@radu Thanks, I was able to sort it out last night.

Basically 2 steps:
1) Adjust settings in Activity Plus
2) Add this to functions.php

COPY CODE

function bigger_embed_size()
{ 
  return array( 'width' => 300, 'height' => 250 );
}

3) Add this CSS

COPY CODE

.fluid-width-video-wrapper {
    width: 300px !important;
    position: relative;
    padding-top: 30% !important;
}

All looks good now!

[marceltj]

3 steps 🙂

[Radu]

Ok, Thenk you for posting solution.

I will mark this topic as resolved.

Cheers

RAdu

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

What support service includes ? What not ?

[vikverma]

Hi, the actual issue I am coming across is when I embed a youtube link in a post – not in the activity feed. Do you know what might be causing this?

I have attached an image to demo what I mean…

V

Attachments:

You must be logged in to view attached files.

[Radu]

Hi @vikverma

Provide that post link, i will take a look and i will give you a css fix.

Cheers

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

What support service includes ? What not ?

[HouseQuake]

I am having this issue also posting youtube videos. How can I fix this? Here is an example. http://www.daeva.me/wonder-girls-tell-me-aion-style/

[Radu]

Hi HouseQuake,

If your issue is related to youtube player height use this fix

COPY CODE

.article-content iframe {max-height:320px}

Add this code to your Theme Options -> General Settings -> Quick CSS.

If your issue is not related to player height, please describe your problem.

Let me know if it works

Cheers

Radu

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

What support service includes ? What not ?

[jbf388]

This reply has been set as private.

[jbf388]

This reply has been set as private.

[Radu]

If they are loaded via iframe the css that i have provided to you it should work.

Provide link to take a look

Cheers

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

What support service includes ? What not ?

[jbf388]

This reply has been set as private.

[Radu]

Hi,

The solution that i have provided last year it doesn’t work for you because you are using a plugin i think named ziggeo, please look in that plugin settings panel for a such of option, if that kind of option doesn’t not exist, please ask their support about the limit the max-height.

Cheers

Radu

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

What support service includes ? What not ?

[jbf388]

ok thanks

[Author]

Posts