HTML5 Player how to remove the black overlay?

User avatar
Cah
3StarLounger
Posts: 293
Joined: 26 Mar 2010, 10:53

HTML5 Player how to remove the black overlay?

Post by Cah »

Seasons greetings to everyone! I'm looking at using html5 video. I was using an old JWplayer but find it difficult to make it responsive. One feature I liked is that when I used a poster image the jwplayer showed it very cleanly. But when I use the html5 video tag it creates a kind of black overlay to show the player. I trired using css (background-color: transparent !important;) on the video element but that didn't do anything. Is there anyway to style the html video player to make it clean and not muck up the poster image? Thanks.

User avatar
Cah
3StarLounger
Posts: 293
Joined: 26 Mar 2010, 10:53

Re: HTML5 Player how to remove the black overlay?

Post by Cah »

Seems like the method that will suite me is switching off the video controls via javascript and adding back those I need.

User avatar
DaveA
SilverLounger
Posts: 2489
Joined: 24 Jan 2010, 15:26
Location: Olympia, WA

Re: HTML5 Player how to remove the black overlay?

Post by DaveA »

What file type are you using?

Have you checked out https://www.w3schools.com/html/html5_video.asp" onclick="window.open(this.href);return false;
I am so far behind, I think I am First :evilgrin:
Genealogy....confusing the dead and annoying the living

User avatar
Cah
3StarLounger
Posts: 293
Joined: 26 Mar 2010, 10:53

Re: HTML5 Player how to remove the black overlay?

Post by Cah »

Thanks, I've seen that page. I'm using mp4. The black overlay appears to be a "feature" of the standard controls. By creating my own I can by pass it.