Web Builder Youtube Object Rounded Corners
Posted: 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: After: The CSS:
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: After: The CSS:
Code: Select all
<style type='text/css'>
iframe {border:20px solid #000;
border-radius: 20px !important;
}
</style>