Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Header Video not Showing Up on Mobile Devices

Featured Lock Resolved Issue
I have a header video on my site. It appears with no issues in browser on desktop, but not on mobile devices (cell and tablet). File formats uploaded are mp4 and ogv with 6 columns in Page Builder.

What am I missing.

Thanks

13 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Please share your site url here.

-Thanks

Steve

More than a month ago #Permalink
Thanks for the reply, the link is below

Link removed

Sifat - Staff

More than a month ago #Permalink
Hi,
I found your header video is working fine in all devices.
Could you please share a relevant screencast?
Please check this video

-Thanks

Steve

More than a month ago #Permalink
When I try to physically try to view it on my mobile devices, I get no video headers. I was able to view other sites that have video headers with no issues. Please see attached that shows both my cell and tablet with no video header from the site I'm working on.

Thanks for your help.

Attachments (1)

  • tablet.jpg
    tablet.jpg 169 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for reaching out. The behaviour you’re seeing is expected. Video background video isn't supported on responsive devices like- tab,mobile.
The browser doesn't support autoplay videos on responsive devices.
You better use a background image.

-Thanks

Steve

More than a month ago #Permalink
Ok, so I better understand, why am I able to view another site that has a video header on my mobile devices?

Please view this site on your device: https://www.optiumcyber.com I need to understand why...

Thank you again and appreciate your assistance..

Sifat - Staff

More than a month ago #Permalink
Hi,
Please PM me your admin access along with this question link.

-Thanks

Steve

More than a month ago #Permalink
Done.

Federica Satta

More than a month ago #Permalink
I have the same problem! With my video in backgroud, I tried to put a image background and this is not working properly eather!

please check it out http://www.matrika.it/medsea/index.php/it/
How can I fixe it?
Thank you
Federica

Sifat - Staff

More than a month ago #Permalink
I have the same problem! With my video in backgroud, I tried to put a image background and this is not working properly eather!

please check it out http://www.matrika.it/medsea/index.php/it/
How can I fixe it?
Thank you
Federica

Hi,
I've added this into our bug list. Hopefully our developers will bring a solution soon.

-Thanks

Emanuele

More than a month ago #Permalink
Hi, same problem, found the solution? also no audio in mp4!

Sifat - Staff

More than a month ago #Permalink
Hi, same problem, found the solution? also no audio in mp4!

Hi,
Actually background video isn't supported in mobile devices. But you can use youtube video as background to get the background video on mobile devices. https://prnt.sc/k46p63
Make sure you've not selected the video mp4 option https://prnt.sc/k46qhd

And the sound from background video is disabled. Since most of the people are irritated with that sound feature.

Note: make sure you are using the latest version of page builder.

-Thanks

Pavel

More than a month ago #Permalink
Ok, so I better understand, why am I able to view another site that has a video header on my mobile devices?

To understand this, you should ask a question in Google "Video background on mobile devices," and read the articles on this subject. Standard video background is not supported on mobile devices. Sites on which you see a working video background on mobile devices have been subjected to significant manual coding.

Well, in general, my opinion - if you want to lose your visitors then use the video background on mobile devices. This will help the site to load for so long that the visitor's patience will burst and he will close it :p


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 19
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

112

Templates

289121

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us