Impulse Video Hero on Mobile showing white dot

Impulse Video Hero on Mobile showing white dot

pupandkit
Tourist
8 0 2
I’ve added a video hero section within a product page template, with the video linking to Vimeo. I selected the video hero because I noticed the standard ‘video’ section does not auto play whereas the hero version does. On desktop, all is fine, however when I test out on my mobile you can see on the attached that there is a white circle. I removed all the text from any buttons or headings however I think it is linked to this because when I change the text alignment the dot moves with the change.
 
Is there a workaround for this or any way to make the standard ‘video’ section auto play on a product page?
 
Thanks
Mark
 
IMG_1919.jpg
Replies 6 (6)

NomtechSolution
Astronaut
1245 113 156

To help you with the issue you're experiencing with the white circle appearing on the mobile version of your video hero section in the Prestige theme, I recommend trying the following steps:

  1. Check for conflicting customizations: If you have made any custom modifications to the theme code, it's possible that there may be a conflict causing the white circle to appear. Revert any recent changes or customizations you made to see if the issue persists.

  2. Review the video hero section settings: Go to the theme customization settings and locate the video hero section. Check if there are any options related to the appearance of the white circle or the video controls. Disable or adjust these options to see if it resolves the issue.

  3. Consider using the standard 'video' section: If the video hero section is causing the white circle issue and you prefer to use the standard 'video' section, there might be a way to enable autoplay. However, please note that modifying theme code is required for this approach.

pupandkit
Tourist
8 0 2

Thanks for the advice. None of those have proofed fruitful, so I think I'll try to add code to enable autoplay for the standard video section.

pupandkit
Tourist
8 0 2
Update: I've tried YouTube which works much better however I'm now
experiencing an issue where on mobile, after it autoplays through once, on
the second loop it zooms in. Any ideas on how to fix this?

Thanks
Mark

Odrade
Visitor
2 0 1

I am also getting this white dot on a video hero element.  Did you ever figure out a solution?

ShopInstaPets
Visitor
2 0 0

Hello, 

 

I'm having this problem as well. Has anyone found a solution for this yet? Would really appreciate it.

 

Thank you in advance!

JustinLuck
Visitor
1 0 0

I was having the same issue with the white dot on mobile. I ended up finding a solution and wanted to share it here in the hopes that it can help some

 

You need to add the following CSS code: 

.vimeo-mobile-trigger { display: none; }


For me, I did it in the "Custom CSS" section in the theme editor, and that did the trick