Shopify themes, liquid, logos, and UX
Hi,
I have a video on my homepage using custom liquid code, I got it off another forum and I am unable to change the height of the video, I can only change the width. Can anyone help, thanks. Here is the code:
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo"><source src="https://cdn.shopify.com/videos/c/o/v/3ad2def12e8043928bea385b898a0720.mp4" type="video/mp4"></video><style>#openthinkingvideo { display:block; max-width: 100%; width: 100%; padding: 0; margin: 0 }</style>
Hi @topstriker ,
You can try adding height to it
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi,
Thanks for the fast reply. When I add different heights it does change the height but also makes the video smaller, anyway I could get the video to stretch across the screen?
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025