Video mp4 (header) don’t show on mobile

  • Author
    Posts
  • #111143

    Hi.
    I am using the Bravada theme on WordPress 5.6.
    I config the video header in appearence > customize > Site identity > media header

    On desktop browser the MP4 video loaded in the homepage header (back the animated title) can be seen correctly.
    On the mobile i see the image in the header and there is an white empty space (back the animated title) where the video should be.
    Thanks
    Bye

    Website: 1st.it/summer2

    #111260
    Zed
    Cryout Creations Team

    Hi,
    WordPress appears to limit the screen sizes on which the video is displayed.
    Additionally, when set to work this way the theme uses the header image at full screen height, which doesn’t work well when a header video is assigned but not active. We’ll look into better handling this behaviour in the next theme update.
    Until then try applying the following custom CSS:

    @media (max-width: 900px) {
        body.bravada-fullscreen-headerimage.bravada-cropped-headerimage #masthead #header-image-main-inside {
            height: auto;
        }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #113355

    TO com o mesmo problema, coloco o vídeo e ele não roda no mobile. Musica também não roda automático.
    E como eu coloco esse CSS?
    Quando vai ter outra atualização?

    Website: curteoparaiso.com

    #114044
    Zed
    Cryout Creations Team

    @lufecds,

    Mobile browsers generally don’t autoplay videos and also don’t play audio without user interaction (for obvious bandwidth and usability reasons). This is not something that’s under the theme’s or WordPress’ control.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.