-
Posts
-
Hi,
I have uploaded 3 videos on our webpage – all uploaded in the color section of the pages. They will not play automatically when I open the pages. If I refresh the pages I can usually get them to play. They are muted. Can anyone help me with the right settings.Hey henrikm5,
I tested your page in Windows in Chrome, Firefox, & Edge and your background video plays correctly, I see it after clicking the age gate without reloading.
On Mac in Safari, Chrome, & Firefox the background video doesn’t play after clicking the age gate, but if you go to any other page that video does play fine, and going back to the homepage then plays fine.
So I don’t think that it is a video setting because the videos are playing, I think it related to the age gate, try disabling the age gate and see if the videos then play.
I assume that you need the age gate, does it have an option to reload the page when the accept button is clicked? This may help.Best regards,
MikeHi Mike
Sorry for the delay in my answer and thank you for your answer. I has the problem already before I added the age gate on the site. I can get the videos to run if I refresh the page. I have tried in chrome and edge.But another problem is that I cannot get them to play on any other devices (tablets, phone etc.).
Why does every video have this play button in the center of the video? I cannot press it anyway.
Thank you.Sincerely
HenrikHi,
The play button is from vimeo, if you visit the video link directly you will see the play button and can click it.
So you will need to disable this from your vimeo options, since it is a background video and the video is in a iframe from vimeo it can not be removed from the site options or css.Best regards,
MikeHi Mike
Thank you for your reply. I seem to have solved the issue with the visible play button, but I cannot still not get the videos to play on phones and tablets.
Also it seems to take a long time for the videos to load when I load the page. I am sure that there are some settings that I have not done right.
BR
HenrikHi,
Typically background videos will not auto play on most mobile devices, this is a limitation set by the browsers. The best option is to show a fallback image instead of the video for mobile.
Video can take a while to show on mobile devices especially if the user is using “data-saver” on their device, you can not override this so this is another reason to use a fallback image.
Perhaps one work around for your situation would be to convert your short video loop into a gif, as this would be a smaller file size and I believe mobile browsers do not limit the gif in the same way as videos.Best regards,
MikeHi Mike
Thank you. That makes sense. Is it possible to display the gif I created on mobile devices and the normal video on desktop?BR
HenrikHi,
Try adding the gif as the fallback image in the element options, I have not tested but I believe this should work. If not we could try with some css, but we would need to see thegif first.Best regards,
MikeHi,
Thanks for the login, in your color section in the background video options you will see the check box Hide Video On Mobile Devices?You can choose to hide the video entirely on Mobile devices and instead display the Section Background image
I enabled this and added your gif to the background image option:
You will note that I used the “scale to fit = contain” option, and in my test the gif plays on mobile:
but I recommend that you recreate your gif so it is in portrait mode for mobile, right now it is in landscape mode so it doesn’t fill the screen.
In the background image options you could use the “scale to fit = stretch” and that would fill the mobile screen, but the center of the gif is off and the quantity is poor at that size.
So try to recreate your gif so it is in portrait mode and if you can improve the quantity that would also be good.Best regards,
MikeHi Mike
Thank you again for your help. I have been trying it out all morning and it works like you suggested. The only problem is that the gifs are very low in quality – or at least my cell phone displays them in very poor quality.
I think I would need to install a player or use css to get the result that I want.
BR
Henrik
- You must be logged in to reply to this topic.