Hi, I need help with HTML & CSS. I'm a newbie and is trying to do the following:

1. Add a Close Button in My Video.

2. Add the Controls Button in the Video

Thanks.

HTML CODE:

//

Slam Dunk CHAMPION Hamidou Diallo

======================================

CSS:

/* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body { margin: 0; padding: 0; font-family: "Industry",Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; font-weight: 700; }

div { margin: 0; padding: 0; }

video { height: inherit; }

span { text-align: center; position: fixed; text-transform: uppercase; }

.container { width: 720px; height: 270px; }

.sideAd { width: 28%; height: 270px; background: url(allstarcharlotte.jpg) no-repeat; background-size: 216px 270px; display: inline-block; }

.videoAd { width: 70%; height: inherit; display: inline-block; position: absolute; left: 216px; }

.topTxt { padding: 3px 3px; top: 21px; left: 5px; background-color: orange; left: 19px;

}

.botTxt { padding: 3px 3px; top: 263px; left: 35px; background-color: orange; border-radius: 5px; }

.overlay { width: inherit; height: 200px; position: absolute; left: 0px; display: inline-block; z-index: 10; }