video in mobile version - Forum | JoomShaper
Solved SP Page Builder

video in mobile version

Asked by Dipsena 5 years ago Last activity 5 years ago

Hello!
On the desktop, the background video plays well - https://artpatriki.com/
On the mobile version, a white background first appears, then after a few seconds the video is loaded, but it is played first in jumps,and then normally.
Please tell me why this is happening?
How do I set up a video on the mobile version?
How do I configure the poster tag?

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

All the last. The tabs are so separate. Add image, add video. Staying on the video tab save

16 more replies

Oldest first Newest first Most helpful
Muntasir Sakib Staff
5 years ago

Hello there,

I haven't found any problem on the mobile versions, I am sorry to say. Would you mind sharing a videocast with us so that we can understand the exact problem that you are facing?

Thanks!

Muntasir Sakib Staff
5 years ago

Hello there,

Autoplaying video is needed user interaction(for example: scrolling) to start on mobile browser. You can check Chorme's Autoplay Policy here.

Thank you!

Dipsena Asked this
5 years ago

Hello!
Please tell me how to set up the poster tag? It is necessary that until the user scrolls the screen, at least the picture is shown.

Muntasir Sakib Staff
5 years ago

Hello there,

Which poster tag you are talking about? Please, share a screenshot with us.

Thanks!

Pavel
5 years ago

Hi Muntasir. Many users were asked. Consider adding the POSTER attribute and output it to the settings.

Pavel
5 years ago

Just add background image. I checked now and it works

Dipsena Asked this
5 years ago

if you use the background, the video is never played, including the desktop version.
the idea of the poster tag is that while the video is loading or on devices where the video does not work, the picture was visiblevisible

Pavel
5 years ago · edited

I checked, video is perfectly played on the desktop (with bg image). It all depends on the capabilities of your Internet connection and the size of the video file. By the way, the video file should be optimized as much as possible before uploading to the site. My test file is 10 MB 34 seconds.
Played in Mobile Chrome, in Mobile Firefox you need to click the Play button - all this in 4G networks. In 3G and less, not played.

In general, different mobile browsers have policies of varying degrees of rigidity over video playback. So it makes no sense to build a mobile design using the background video. Also, the background video consumes too many resources for the mobile Internet, which leads to slow speed of the site and as a result, the loss of potential customers. For mobile devices, the background video should be off at all.

And I know how the poster attribute (it is not tag) works. Just like the background image. There is no javascript to keep track of video download. The image is simply under the video and when the video booted, it starts to overlap the image.

Log in to reply.