How can I remove video controls and add clickable links on Origin theme?

[Shredventure]

I was struggling to get video to autoplay on the Origin theme homepage and found this code that I used to make a custom CSS section:

<video controls="" loop="" muted="" playsinline="" autoplay="" src="url" width="100%" height="100%"></video>

This is the preview of what it's looking like: https://60d67rdas8gg36td-55947755706.shopifypreview.com

It's working but I have two questions:
- is there a way to get rid of the video controls?

- can I make the video block clickable with a link?

thanks in advance

[saim007]

Hi @Shredventure 

1. Yes, you have to just change the value of controls="false" autoplay="true" loop="true" muted the controls won't see.

2. Yes, you have to put video tag in the anchor tag like this <a href="your-link"><video> </video></a> 

Please let me know if works and please like mark as solve!

[AliReviews · Accepted solution]

Hello @Shredventure ,

You can remove the controls attribute from the <video> tag like this 

<video loop muted playsinline autoplay src="url" width="100%" height="100%"></video>

To make the video block clickable with a link, wrap the <video> tag in an <a> tag and add a "href" attribute with the desired link URL like this:

<a href="https://example.com">
  <video loop muted playsinline autoplay src="url" width="100%" height="100%"></video>
</a>

Hope this can help.

Ali Reviews team.

[Shredventure]

this worked perfectly, thanks!