- This topic has 13 replies, 4 voices, and was last updated 3 years ago by David.
July 8, 2018 at 9:14 am #618659Iva
I’ve run into a bit of a problem with my Page Header on the homepage of my site.
Namely, I’ve added a background video to it (all three file formats) and I’ve added an image as well.
Now, on the phone, using Google Chrome it shows the image, and not the video which is correct. But using the default browser of the phone shows and plays the video directly. How would I go about forcing it to display the image and not the video?
Kind regards.GeneratePress 2.1.3GP Premium 1.6.2July 8, 2018 at 2:14 pm #618807LeoStaffCustomer Support
I just tested with Chrome, Firefox and Safari and it all worked as the default setting:
What is the phone’s default browser?
Let me know 🙂July 9, 2018 at 1:59 am #619025Iva
With Chrome, Firefox & Safari things are working correctly, it’s the phones’ default browsers that are in question. I’ve tested with a Samsung Galaxy J7 and Xiaomi Mi 5 default browsers. They’re just called “Browser”, so they don’t really have a name.
This is a problem since a lot of people don’t bother downloading a better browser, they just use what’s in the box.July 9, 2018 at 4:19 am #619093DavidStaffCustomer SupportJuly 9, 2018 at 1:22 pm #619633Iva
Hello, this has successfully removed the video from the mobile browsers!
However, now the image is not show (it’s only showing a white background, even though the image is loaded and is shown for a brief moment before disappearing).July 9, 2018 at 5:20 pm #619744DavidStaffCustomer SupportJuly 10, 2018 at 12:19 pm #620514Iva
This is what happens on a stock android browser:
July 10, 2018 at 10:04 pm #620785TomLead DeveloperLead Developer
Unfortunately the current video background uses the poster attribute to add the background image. That means hiding the video element will also hide the poster/background image.
In GPP 1.7 (https://generatepress.com/gp-premium-1-7/), I’ll be writing instructions on how to add the video background to your content. This will allow you to hide the video on mobile and display the background image only.July 11, 2018 at 8:10 am #621174Iva
Thank you for the reply! Glad to know an update that tackles this issue is on the way.July 11, 2018 at 11:11 am #621331TomLead DeveloperLead DeveloperOctober 1, 2018 at 1:01 am #690401Iva
I saw the new Elements module that came with 1.7, though I cannot seem to find a way to insert a video into the header. Is this functionality omitted from 1.7?
I’m not sure whether to start a new topic because it is tied to the video header – we switched the site to https:// a couple of days ago and the video is still being server via http, which of course is causing the homepage to be unsecure.October 1, 2018 at 1:58 am #690436DavidStaffCustomer Support
this article explains how to add video to the page hero:October 1, 2018 at 9:15 am #690824Iva
Hi, thank you for the link! It works like a charm. HTTPS is working now as well.October 1, 2018 at 9:41 am #690845
- You must be logged in to reply to this topic.