Video Background/Header Mobile Brizy pro Word Press

Philipp Sojka

• September 10, 2024 11:06

Hello everyone,

I am using Brizy pro (not Cloud) and I want to have a video background in my mobile version. I know, that it isn't possible but I noticed a CSS-Code for Brizy Cloud. I wondered if there is any chance to have a video background for my Brizy Pro Word Press website as well. 

Thanks a lot!

Alisha

0

• 

  KC George

  • September 10, 2024 11:37

  Hi Alisha,

  In your WordPress Dashboard, under Appearance - Customize - Additional CSS, kindly add this CSS code to make the video background work on mobiles and tablets

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

   

  

  0
• 

  Philipp Sojka

  • September 10, 2024 11:46

  Hello,

  thanks, I did as you said but it doesn't work. The video is only working at the web version.
  
  

  0
• 

  Ariel H.

  • September 10, 2024 13:08

  Hi Alisha,

  Thank you for the update, could you please provide us the URL so we can inspect it?

  Best regards,
  Ariel H.

  0
• 

  Philipp Sojka

  • November 18, 2024 10:44

  Hi Ariel, sure: https://www.altstadtfreunde-treysa.de/

  0
• 

  Ariel H.

  • November 18, 2024 12:30

  Hi Philipp,

  Thank you for the update. We were unable to inspect your site as it is currently in development mode.

  Please provide us with temporary access to your WP Admin page so we can take a look. Please add us as an Admin user to your WordPress Dashboard and send the following details to communitysupport@brizy.io.

  Community Post link: https://support.brizy.io/hc/en-us/community/posts/21277551367058
  WordPress Admin URL:
  Username:
  Password:
  Also include the URL of the problematic page.

  As a precaution, we recommend creating a full backup of your site. 

  Best regards,
  Ariel H.

  0
• 

  Ariel H.

  • November 19, 2024 13:29

  Hi Philipp,

  Thank you for your cooperation.

  The custom CSS we recommended should be added within the block containing the video background, as shown in this example:

  

   

  This will enable the video background to play on tablet and mobile views.

  

  Additionally, I noticed that your video files are quite large, ranging from 6MB and above, which is affecting the load time of your site. I suggest compressing the video to reduce its file size. For more details, please refer to this link:
  https://www.gomasuga.com/blog/best-practices-for-html-background-videos

  If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0
• 

  Philipp Sojka

  • December 02, 2024 12:52

  Thank you so much! Is there any possibility to add a play pause-button for the video backgrounds? Thank you so much!

  0
• 

  Ariel H.

  • December 02, 2024 13:41

  Hi Philipp,

  Currently, there isn’t an option to add a play-pause button for video backgrounds. However, you can suggest this as a feature request using the following link: https://www.brizy.io/ideas-and-roadmap.
  This platform helps us better track suggestions and prioritize feature requests based on user needs and community feedback.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.