Youtube player

[Alexander]

Hello,

Sorry for offtopic but I need your help. I embeded youtube video with shortcode.
And I want to make rounded corners of player. The way I used before did not work now.

Thanks 

[scrambler]

Please provide a link to your site so we can test on the actual page setup !

[Alexander]

http://be.consultant.co.ua/

First of all I need rounded corners of the video player.
Secondly I want video player float left and text wrap on the right.

Thanks 

[scrambler]

Add the rule below in Main options > Fonts & Custom > Custom CSS Rule box

.wvrx-youtube iframe {border-radius:10px;}

[Alexander]

Thank you.
It works for rounded corners.

I added

.wvrx-youtube iframe {border-radius:15px; float:left;}

but player did not float left and text did not wrap.

[scrambler]

This is not where the float would go.

What is your exact shortcode right now?

[Alexander]

.wvrx-youtube iframe {border-radius:15px;  float:left;}

Then I use mozila firefox I have rounded corners but with chrome and safary then I press “play” corners became square.

[scrambler]

No not the rule, the rule should only be

.wvrx-youtube iframe {border-radius:15px;}

But the weaver youtube shortcode you use to display the video [youtube id=xxxx] I need to see all the options you have in there

[Alexander]

[youtube id=eOl6zxvPVQs sd=0 percent=50 rel=1 https=0 privacy=0 'autohide' = '1']

[scrambler]

You need to use the rule below

.wvrx-youtube {width:100%;float:left;margin-right:10px;}

[Alexander]

I tried but margin-right does not work.

[scrambler]

You need to add center=0 to prevent the centering rule, and you may want o add important

[youtube id=eOl6zxvPVQs sd=0 percent=50 rel=1 https=0 privacy=0 'autohide' = '1' center=0]

and you forgot the width:100% which is essential or else the video does not show (at least on IE)

.wvrx-youtube {width:100%;float:left;margin-right:10px !important;}

[Alexander]

Thank you.

In mozila firefox everything works fine.
I am trying to solve the problem with safary and chrome.

[scrambler]

What problem are you taking about?

[Alexander]

Chrome:

When press “play” corners became square.

Safari 5.1.7 (Win):

When browser start rendering at first appears black rectangle with rounded corners
then appears thumbnails of the video with square corners.

[Gillian]

I tested the rounded corners CSS on a video on one of my sites and I experience the same issue as @Alexander when using Chrome.  Pity, because I like the rounded look as well.

[Author]

Posts