Video background on SECTION doesn't play on mobile
I´ve set up a video background in the Section aerea in muffin builder with .mp4 format and another with .ogv. When I view from the desktop it works, but when I view from the mobile it doesn't work...you can see here: http://ampcol.co/motor-brand-prueba/
Comments
Hello,
If you would like to display the background video on the mobile as well, you will have to create a CSS code and place it in the Custom | CSS section on that page.
If you need help, please, let me know, but be aware that the only left side of the video will be displayed on the mobile view.
Thanks
Hi, thanks but i´m working on the SECTION area, there is not Custom/CSS section on that area.
The Custom | CSS field is at the bottom of the Page options below your sections.
Do you need help with this CSS?
Best regards
ok!.....yes please!....i need help with the CSS....thanks!
Please, use the following code:
@media only screen and (max-device-width:1024px) { html body .section.has-video .section_video{display:block!important} }Thanks
Thank...right now i can see the video but still doesn't start
Did you solve this issue? Because I have tested your website on Oppo AX 7 and Samsung Galaxy S7 the video autoplay.
Best regards
I'm having a same issue on a page https://alr.group/alr-trading-trading/, I can see the video thumbnail on mobile but it is not autoplaying like it is playing on dekstop. I've already put your mentioned code in the custom css section but still video does not autoplaying.
here's a screenshot of custom css section.
UPDATE: video is autoplaying on android devices but not working on any iOS device, is there any way to play them on iOS devices?
Hi @sulearif,
No, there is no setting to activate it on iOS.
Maybe with some file modifications, it could be possible, but we do not provide help with such customization.
Best regards