dcsimg
www.webdeveloper.com
Results 1 to 4 of 4

Thread: Rounded corners on Video

  1. #1
    Join Date
    Oct 2006
    Posts
    163

    Rounded corners on Video

    I using a a old TV show video with the player code below.
    Is there any code that will enable me to round the video's corners to better confirm with old TV sets.
    At the same time make the corners black.
    Thanks
    Sandy

    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="280" height="210"><param name="src" value="Honeymooners.mp4"><param name="autoplay" value="false"><param name="controller" value="false"><embed height="210" pluginspage="http://www.apple.com/quicktime/download/" src="Honeymooners.mp4" type="video/quicktime" width="280" controller="True" autoplay="true"> </object>
    </div>

  2. #2
    Join Date
    Nov 2012
    Posts
    5
    I'm honestly not sure if you can do this to videos.. but if anything can work I would imagine CCS would be your best bet for rounded corners.

    http://www.css3.info/preview/rounded-border/

    The above link is a super easy tutorial on how to do rounded corners in CSS.

  3. #3
    Join Date
    Oct 2006
    Posts
    163

    Rounder video

    Thanks for that. I Already use for rounded borders on Tables so can pick up from there.
    Sandy

  4. #4
    Join Date
    Oct 2006
    Posts
    163

    No luck but SECOND thought. Getting close though

    I use the below code which crops an image to the rounded corners of a table border.
    How would I change it to a MP4 instead of a jpg ?


    <TABLE BORDER=0 BORDERCOLOR=00B201 width=300 height=200>


    <TR>
    <TD>


    <style type="text/css">
    #table1 {
    border:3px solid #00B201;

    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    width:300px;
    height:200px;

    background-image: url('ChristmasBackground.jpg')
    }
    </style>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles