0

HTML5 Div over Video

I have an HTML5 page with a full-screen video in the background and an overlay. For some reason, the DIV that is over the video works fine on my web browsers, but it won't appear over the video on the BrightSign presentation. I've adjusted the z-index parameter, and it doesn't change anything.

I saw this earlier comment and no one answered it.

Does anyone know why this is happening?

1 comment

  • 2
    Avatar
    Brandon

    Friendly reminder, the forum is intended for user-to-user correspondence. To ensure an official answer from BrightSign, please submit a support ticket.

    Hardware-assisted video playback in HTML defaults to having video over image/other elements.
    To change this, you need to adjust the HWZ parameter in the VIDEO tag.
    See http://docs.brightsign.biz/display/DOC/HTML5+Video

    When HWZ (harwdare-based playback) is used, the z-index of the VIDEO element doesn't matter as the video itself is added outside of the HTML/CSS structure. You can think of it like the video is added after-the-fact and the HTML/Javascript elements don't "see" the pixels.

Please sign in to leave a comment.