HTML5 Player how to remove the black overlay?
-
- 3StarLounger
- Posts: 293
- Joined: 26 Mar 2010, 10:53
HTML5 Player how to remove the black overlay?
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.
-
- 3StarLounger
- Posts: 293
- Joined: 26 Mar 2010, 10:53
Re: HTML5 Player how to remove the black overlay?
Seems like the method that will suite me is switching off the video controls via javascript and adding back those I need.
-
- GoldLounger
- Posts: 2599
- Joined: 24 Jan 2010, 15:26
- Location: Olympia, WA
Re: HTML5 Player how to remove the black overlay?
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;
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
Genealogy....confusing the dead and annoying the living
Genealogy....confusing the dead and annoying the living
-
- 3StarLounger
- Posts: 293
- Joined: 26 Mar 2010, 10:53
Re: HTML5 Player how to remove the black overlay?
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.