Clickable Video Banner

Technical Q&A

Topic summary

Main goal: create an autoplay video banner with on-video buttons that link to different parts of the website.

Proposed approaches:

  • Code-based: Implement with HTML/CSS/JavaScript; a fullscreen video tutorial link (W3Schools) was shared as a starting point.
  • App-based: Use the Shopify app “Viddy” to build a clickable video banner.

Considerations:

  • Custom code may be unreliable long-term; changes can be lost after global theme updates.
  • An app solution is presented as more stable and offering greater control without risking theme overwrite.

Status/outcome:

  • No confirmation from the original poster and no final resolution.
  • Next step is choosing between a DIY implementation (flexible but maintenance-prone) and the suggested app (simpler and update-safe).
Summarized with AI on December 22. AI used: gpt-5.
1

How do I make a clickable video banner to where the video auto plays and you can click different buttons on the video to choose which part of the website you want to go to

2

Hello @samVal ,

There are many ways to do it.
Depends on the developer experience what they want to use like a simple one https://www.w3schools.com/howto/howto_css_fullscreen_video.asp

Thanks

3

Hello Sam, have you found a solution? If not, here are my couple of words: You may perform it from the backend with a mix of HTML, CSS, and JavaScript, but in my experience, it is not a reliable solution. Your adjustments may vanish after the first global theme update, so I’d suggest using Viddy. The app does everything for you, and you won’t have to worry about anything disappearing. And yes, you will get more control over the process.