Can I put a border around a vimeo or video...

toddbuchanan · August 29, 2013

I have tried to narrow down the right CSS that I could put a 1 pt border around either the video image (preferable) or the container around the video feed...

I tried to stab at putting a boarder around the container with this but obviously I'm not doing it right:

.sm-user-ui .SM.PageWidget.Vimeo
{
background-color: rgba(0, 0, 0, 0.4);
padding-left: 20px;
padding-right: 20px;
border: 1px solid #fff;
}

Any thoughts?

toddbuchanan · August 29, 2013

So I was able to figure out getting a line around the container for the SM Vimeo embed tool but would still like to see if someone can determine how to put a 1px border around the video image rather than just the container...here is the code I was able to figure out:

.sm-user-ui .sm-page-widget-vimeo {
border: 1px solid #fff;
max-width: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.6);
}

You can see an example here: http://medmeetingimages.smugmug.com/Video

Thanks

toddbuchanan · August 29, 2013

I have kind of hacked around it by removing the "Title" (which I don't really want to do but it does look cleaner) which brings the enclosure down to just the video image, but still not lining up just right...have a little bit of border cut off on the right....

Can I put a border around a vimeo or video...

Comments