Rounded corners on youtube videos.

Can i have rounded corners on youtube videos? (not square or rectangle)

My forum is everyonesblog.net and its phpbb3.

Hello luiz1877 ,

Add this to your CSS styesheet :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Code:

.post embed[type="application/x-shockwave-flash"] { border-radius:15px; }

Ange Tuteur wrote:Hello luiz1877 ,

Add this to your CSS styesheet :
Administration Panel > Display > Pictures and colors > Colors > CSS stylesheet

Code:

.post embed[type="application/x-shockwave-flash"] { border-radius:15px; }

Have a code for PunBB?or will this work also?

didnt work, i can see if the punbb code works

It should work for all version. Try using important :

Code:

.post embed[type="application/x-shockwave-flash"] { border-radius:15px !important; }

For some reason it still looks the same.

luiz1877 wrote:For some reason it still looks the same.

Are they rounded or not ? If the corners are still sharp then it did not work.

I have tested on my test forum and it is working properly, increase the pixels until its round enough to what you wish.

Add the code to the top of your stylesheet.

Still doesn't work to me also SLGray. Even in the top doesn't work..

It works only on the videos posted with [youtube][/youtube] not on the iframe code posted versions  

It doesn't work on youtube videos..

Marios94 wrote:It doesn't work on youtube videos..

I put it in css here so you will see what happens you will see the difference to videos posted

http://hemmingsdaman2.forumotion.co.uk/t264p180-post-your-favourite-videos#4344

the video URL has to go between the [youtube][/youtube] BBcode for the rounded corner effect to work  

I may remove this CSS mod later as I dont really want it   

in Admin panel. Display>colors>css stylesheet  add the code below and submit

Ange Tuteur wrote:It should work for all version. Try using important :

Code:

.post embed[type="application/x-shockwave-flash"] { border-radius:15px !important; }

musket hasnt worked for me at all.

Hello what browser and version of that browser are you using ?

Thanks in advance.

Latest firefox according to http://www.mozilla.org/en-US/firefox/new/

Then the property should be supported.

Try without the type selection however, this will select all embedded contents in posts.

Code:

.post embed { border-radius:15px !important; }

...wont work still.

Please post a link to a video on your forum that guests can see. Make sure the CSS code given is still in your stylesheet, thanks.

http://www.everyonesblog.net/t117-testing-video-embed#481
If you need to use the 'guest' account to see my admin panel you can use it because i dont know whats wrong.

Hello I have found the problem why it is not working see here :


You are making the CSS selectors invalid by placing slashes and text in from of them. Javascript and CSS comments are different, doing the above makes your code not work.

You should instead write comments as :
/* This is a CSS comment */

Fixed!
12:47:00 I have a new issue wait until i get screenshots

Please open a new topic for other problems.

Is this problem solved ?

Well, yes but  by fixing this problem we caused another problem.

Then we will get to that.

Topic solved and archived