can not reduce width of the youtube player

Hi,

http://krosfit.stronazen.pl/index.php/o ... t-crossfit

I trying to align youtube player into the text. I even put in on the table, but no effect. I also try to override css in this code (change 100% to "auto" in width and height) but no effect.

Code: Select all

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

How to make video player more flexible and move it to right align into text?

The player rescales correctly as it should. Could you please be more specific?

No, the player doesn't rescales. I would like to gain effect like this - http://www.reebokcrossfitpoznan.com/o-n ... -crossfit/
with player alignment to right.

But, if i change width in <iframe> tag it doesn't makes effect. Despite of 75%, 50% etc. the player still has 100% wide.

What browser (version), what OS? It works ok in my browsers.

Probably you didn't readed carefully:
i would like effect with video with right alignment like here - http://www.reebokcrossfitpoznan.com/o-n ... -crossfit/
But i have problem on my website with player scaling - http://krosfit.stronazen.pl/index.php/o ... t-crossfit

My problem is in both ways:
1) i set the width in <iframe> tag - no effect
2) i override width in css override - i have posted it above


Thank you for help

On mentioned site video player also resizes (when screen size is smaller).
What you see with bigger screens are css media quries deciding whenever to have 1 or 2 columns.