YT video included in K2 article to big

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Nov 24, 2014 12:51 pm
Reply with quote
Report this post
In several K2 articles I have included a video through the tab Media, Use online video service, Youtube.

As you can see here the video is way too big... that was never a problem... don't now what happened.
http://109.73.233.142/~madonna8/podium/ ... super-bowl.

What is wrong?
User avatar
Gold Boarder

GK User
Thu Nov 27, 2014 11:12 am
Reply with quote
Report this post
Hello,

Could you provide a working URL to your website with this problem?
User avatar
Administrator

GK User
Thu Nov 27, 2014 4:57 pm
Reply with quote
Report this post
dziudek wrote:Hello,

Could you provide a working URL to your website with this problem?


Hi,

This is the working URL: http://109.73.233.142/~madonna8/podium/ ... super-bowl
User avatar
Gold Boarder

GK User
Thu Nov 27, 2014 5:46 pm
Reply with quote
Report this post
You should remove height: 100%; rule for the following selector:

Code: Select all
.avVideo .avPlayerContainer .avPlayerBlock iframe, .avVideo .avPlayerContainer .avPlayerBlock object, .avVideo .avPlayerContainer .avPlayerBlock embed, .avVideo .avPlayerContainer .avPlayerBlock > div


unfortunately I don't know which file contains it due CSS compression.
User avatar
Administrator

GK User
Sun Nov 30, 2014 8:21 pm
Reply with quote
Report this post
Can you please have a look again? I have disabled CSS compression but can't find it.. hope you can :)
User avatar
Gold Boarder

GK User
Mon Dec 01, 2014 4:56 pm
Reply with quote
Report this post
As I've analyzed in your case adding the following code:

Code: Select all
.itemVideo {
   display: block;
   margin: 0 0 50px 0;
   overflow: hidden;
}

body .avVideo .avPlayerContainer .avPlayerBlock iframe,
body .avVideo .avPlayerContainer .avPlayerBlock object,
body .avVideo .avPlayerContainer .avPlayerBlock embed,
body .avVideo .avPlayerContainer .avPlayerBlock > div {
   height: 50%!important;
}


will help. You can add this code in template settings -> advanced settings -> custom CSS code option
User avatar
Administrator

GK User
Thu Dec 04, 2014 7:40 pm
Reply with quote
Report this post
Thanks! It works!!!
User avatar
Gold Boarder


cron