Background Video Doesn't isnt compatible on mobile

Support
#1

My site is currently http://fe2.e48.myftpupload.com/

  • on all the pages i have a hero header with a 3 second video playing in a loop. My issues is that on mobile devices the video doesn’t load at all nor does it appear at all.
  • my goal is to have video play across all platforms.
#2

Hi @knationu,

Thanks for writing in!

Background video on mobile is disable by default, the reason we disable video background on a mobile device (including hybrid devices like touchscreens) is for performance and device constraint reasons.

Check revslider discussion about this:
https://www.themepunch.com/faq/video-not-showing-up-on-mobile/

Thanks for understanding.

#3

Hi @nico,
can you tell me, how is this made:


Video background played on android and iphone with any problems.

I need to implement short video background for my pro theme.
thanks in advance!

#4

Hi there,

It’ uses plain <video> embed and custom styling to make it appear fullscreen. That alone should work and will play on any device as long as allowed by the browser. The restriction with the video in X’s background is due to Wordpress’s core library MediaElementJS. It has own player which isn’t just a raw <video>. You could try the same but it would require customization to achieve that sample. I checked the code and it’s all custom, you may want to hire someone to implement that one.

Thanks!