Hello there,

This is not a problem of our product. This is a common problem for developers around the world. What would make it work background video on smartphones and in all browsers requires non-standard js tricks.

No to mention, if you google this subject, you will realize the scale of the problem. In addition, the companies Google and Apple have a policy prohibiting autoplay video for all new device models. In any case, use a video background is very bad for page speed load on mobile devices.

The best way is to completely abandon the background video on mobile devices.

Thanks!

Why are you working in support without providing any support!? If I wanted a funny answer I would post this question on 9gag.

So, if anyone needs this here is the (temporarily) solution :

CONS: It requires changing SP Page Bulder core file (I'm strongly against changing any core files) that will be replaced with every update (until someone in JoomShaper make this little change in code).

PROS: It allows playing background video from Slideshow addon on Safari browsers for IOS and MAC devices.

All you have to do is add 'playsinline' (and if wanted muted, autoplay and controls) attribute the correct way in components/com_sppagebuilder/assets/js/js_slider.js file.

Because the file is minified fastest way is to find and replace:

h.playsinline="playsinline";

with

h.setAttribute("playsinline","true");h.setAttribute("autoplay","true");

*and if needed add: h.setAttribute("controls","true"); and h.setAttribute("defaultMuted","true");

Empty cache and that's it.

I'm not a java programmer, so if anyone knows a better way please write here.

Note for JoomShaper support: This is not "non-standard js tricks" so please consider adding correct code in future updates.

perfect Ivan, every time I see on this forum this kind of answer from support staff it drives me nuts !!!