yo Suyashi i embeded that code on liquid form in my shopify store but i dont know how to get the play button over my video
Topic summary
Adding a solid “Shop now” button over an autoplaying, looping video embedded via Shopify’s Custom Liquid section, with adjustable color and white text.
- Original setup: Video added with muted autoplay/loop. Goal: overlay a clickable button linking to the product catalog, styled with a solid background (e.g., grey) and white text.
- Proposed solution: A contributor shared HTML/CSS that overlays content on the video; the poster confirmed it works and can be positioned using percentage values.
- Styling guidance: Change colors by editing the CSS for the overlay class (named “text_on_video” in the provided code). Specific color declarations (e.g., background-color, color) were not shown in-thread.
- New request: Another participant asked how to place a play button over the video and what the “play code” should be, indicating confusion about replacing the dummy text with a play control.
Status and outcomes:
- Partially resolved: Overlay technique and positioning confirmed working; color customization direction provided in principle.
- Open items: No explicit CSS example for button styling; no answer yet on adding an actual play button control.