Video shows transparent because of container's opacity

  • Hello,
    I have a challenge on the website:
    The main container is set to be transparent with css style opacity.
    Therefore when I place a video on the page it becomes transparent too:
    https://apocalypsewar.com

    How can I make the video to be non-transparent?
    I need to use this video on one page only.
    I use HTML5 tag <video>

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Codesniffer,

    Did you get this sorted out? The video on your site isn’t appearing as transparent to me.

    Thread Starter codesniffer

    (@codesniffer)

    Hi Allisonplus,
    I did not sort it out.
    I only managed to make it non-transparent when it plays. I did it with a “listener” function.
    But it does not solve the issue. It is still transparent on page load and when video stops playing.
    The point is that I want the main container to be transparent. It looks nice like that. But video should not be transparent at all time.

    Do you have a solution?

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Video shows transparent because of container's opacity’ is closed to new replies.