I agree with the others in this thread, this is basic functionality offered by your competitors and it’s absolutely ridiculous that this would take more than a month to implement natively into the theme. Please make this a priority with your development team - I’m about to move my 30+ sites over to Elementor or something similar if this isn’t fixed soon as I can’t put my trust in a theme/company that can’t resolve this type of basic issue in a reasonable timeline – there are support posts going back for YEARS noting this as an issue and still no solution in sight?
We are sorry for the inconvenience! I check the issue tracker and this is still an ongoing issue. We cannot make any promises at this stage. And since this is a bug, it will be fixed by the development team. We do not have an ETA though.
If i’m not wrong it’s your policy (unavailable video background on mobile) - not issue or bug. Name it as is. You wrote about it so many times earlier. So no one will do anything with it.
Come on guys, I agree with everyone, why is it so f##king hard to do this? I had to go trough the embarrassment of trying to explain clients why it works on their crappy wix sites and not in Pro, this is not a bug is just basic functionality, I’ve been searching for ages on this issue and the answer is always pretty much “Use a poster image because we think is better” Is not about what you believe, is about what we need to get done. If the client wants a video bg that works on mobile they should have it, end of discussion, if performance is a concern then why not adding a feature to show a specific clip for mobile that works better.
The closest thing to show a specific clip on mobile for now is to use a poster GIF. Not a JPEG or PNG but a GIF. It’s not only lighter to use a GIF but it’s also widely supported in mobile browers.
Please kindly wait for our development team to tackle this case and if updates are released, check our Changelog in our Docs to see the latest features and bug fixes.
We too would like to see videos supported on mobile devices, so a fix for this soon would be very much appreciated. Looking forward to a solution here!
We have already reported the issue and the issue is in our issue tracker for our development team. There is no ETA at the moment so I would request you, please stay tuned for succeeding theme updates.
We have bump the issue tracker to follow up on the issue. Please be advised that we do not have an ETA yet on the release or that this fix will be available in the next release. You can check out the latest news and updates from out Twitter and Facebook page.
I’m also very frustrated at this issue. I understand the desire to improve user experience by not downloading large videos on mobile, but there are very specific cases where developers need the ability to do this. Not having the ability to override your safety measure is disappointing at best. Please escalate this fix so developers can build in your platform as this is marketed as a professional theme, not consumer level.
We are really sorry for the inconvenience! This issue is still in a queue in our tracker but rest assured that our developers will look into the said issue. We cannot make any promises at this stage. And since this is a bug, it will be fixed by the development team. We do not have an ETA though.
here is an easy way to tackle this that I found works for me.
the reason why we cannot add playsinline to the video is because at the time the page is created, its within a script template, so the video doesn’t actually exist yet, but we can edit the template before it gets generated.
You can add this code to your Global JS, and it will run everywhere there is a video and inject playsinline
// Force the Hero Video to PlayInline
const $videos = [...document.querySelectorAll(".x-video.player script")];
$videos.map( video => {
video.innerText = video.innerText.replace(" muted>"," muted playsinline>");
});
I m not sure if i understood the problem correctly, but i really don’t know why you are all complaining.
The fix is very easy :
1/ Create a Grid instead of Row / column element.
2/ Give that grid two layers overlapping each-other.
3/ The top layer can display your content as usual.
4/ The bottom layer should receive a video element, with playinline.
It works perfectly on mobile, plus you can achieve way more complex design with that grid element.
Even easier :
1/ Within the section, create a DIV, put the video element on it. Make sure the Z-index of that div is less than your Row. End.
If you need to get something done, maybe try a bit more instead of complaining against a tool that is providing such high-end webdesign.
We all purchased a service and our voices as customers of this platform need to be heard, is not about complaining, is about not taking into consideration any of the users requests for basic features. What’s the purpose of making updates to the product if in the end is not able to meet very basic functionality for a high-end development tool? Also the lame excuses and support by just saying “Video is not optimal for mobile just use an image” as much as that’s true we shouldn’t be told to just do things the way they feel like. Is a matter of saying we are not providing that basic feature, that way we could make a decision where to put our money.
In any case thank you and everyone for helping, sorry for the rant but I’ve been so annoyed by this issue that I guess the workaround will do.
