CODEWITHSUNDEEP
htmlcssweb
Ethan Lehman
Ethan Lehman

Reputation: 11

Issues with Video tag in HTML

I have a couple of videos on a webpage that I am making and there is a fixed div above them, when I scroll down on the page the control bar of the video tag is visible through the fixed div.<video width="560 height="315" controls="true"> <source src="video.mp4" type="video/mp4" /> </video>

And here is the fixed div css

.info {
background-image: url('http://bluewallpaperbackground.weebly.com/uploads/1/9/7/6/19768865/8686693_orig.jpg');
width: 100%;
height: 37%;
border-bottom: 2px solid white;
padding: 10px;
position: fixed;
}

The play bar is visible through the fixed div, which is the brick with the text

Upvotes: 1

Views: 315

Answers (1)

JSouthward
JSouthward

Reputation: 102

Try setting the fixed div to have a z-index of 999.

.info {
z-index: 999 ;
}

The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

Upvotes: 2

Related Questions