Web Builder Youtube Object Rounded Corners

BaconFries · Post by **BaconFries** » Fri Jul 18, 2014 12:34 am

Have you ever wanted to just simply be able to have rounded corners on the Youtube Object in WYSIWYG Web Builder well now you can. All you need to do is insert the css code in the <head></head> section in Page HTML and hey presto ypu will have rounded corners with a color and border/radius size. You can set it to use your own preference if you wish.

For this to work you need to set in the properties of the Youtube Object in General-> Support both Flash and HTML5 this will then set the Object to use a iframe which the css below requires.

Please note that this only works if you are just using it as a embeded player it does not work with the lightbox feature.

Before:

before.jpg

After:

after.png

The CSS:

Code: Select all

<style type='text/css'>
    iframe {border:20px solid #000;
    border-radius: 20px !important;
}
</style>

zinc · Post by **zinc** » Fri Jul 18, 2014 11:16 am

Nice one BF. Hope Pablo adds this nifty feature to 10

www.wysiwygwebbuilder.com

Web Builder Youtube Object Rounded Corners

Web Builder Youtube Object Rounded Corners

Re: Web Builder Youtube Object Rounded Corners