Skip to main content

Comments

5 comments

Date Votes
  • KC George

    Hi Marco,

    Kindly add this CSS under CMS - Project Settings - Code - Custom CSS and check again.

    @media (max-width: 991px) {
    .brz-bg-video {
        display: block !important;
    }
    }

     

    0
  • Marco Alves

    Hi George, thank you it works.

    I tested it on my cell phone and it worked. However, the brizy viewer in the mobile version does not accept this change. see: https://prnt.sc/m3YBsVU48znr

    1- Any bugs on the platform that are not present in the mobile version?

    2 - This type of functionality has been requested over time by several users. In the near future, in relation to background videos on mobile, do we have to add this code or will Brizy update the platform with these features?

    3 - Can the background video in the mobile version cover the entire screen (as happens in the desktop version)? How?

    Thanks

     

    0
  • KC George

    Hi Marco,

    Brizy video background does not play on tablets and mobiles at the moment. The CSS code forces the video to play on mobile devices in the frontend. When we release a fix for this bug, background video will play well in the editor also. We have not assigned a high priority to this bug fix as a CSS solution is available.  

    Are you implying that the background video in the mobile version does not cover the entire screen? What percentage of the screen does it cover? Can you elaborate the issue in more detail? Sharing a screenshot can be helpful.

    Or are you saying that a mobile device does not display the video's full width and height? This is due to aspect ratio mismatch. Videos are typically produced using the aspect ratio of 16 x 9. The aspect ratio of mobile devices are 9 x 16, or a comparable ratio.  When playing the video on a mobile device, portions of it get cut off due to the mismatch in aspect ratios. On the other hand, you may try to get the aspect ratio closer to 16 x 9 by reducing the height of your hero section on mobile devices. This will allow you to show more of the video on a mobile screen.

    0
  • Marco Alves

    Hi George, just full cover in mobile with the video (usually the videos in this option (9 x 16 have a zoom in).

    https://prnt.sc/1-N50RvckLpf

    I change the height of section to 300 px and it works but it wont fit in hall mobile devices. Maybe if the changes are made in "%" and not in "px".  But i don´t have that option in the builder.

    https://prnt.sc/h2YM7kw7gM4Z

     

    Thank you

     

    0
  • KC George
    • Edited

    Hi Marco,

    Your hero block can have a custom height that is specified in pixels or percentage.

    You may display the entire height and breadth of a video with a 16:9 aspect ratio if you set the width and height of your hero block to the same ratio. For instance, at https://restaurant-1.brizy.site/video-background, I have set the height of the hero block to 250 pixels, which displays nearly the whole height and breadth of a video with a 16:9 aspect ratio on a mobile screen.

     

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question