How can I adjust the height of a homepage video using custom liquid code?

topstriker
New Member
6 0 0

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>

Replies 2 (2)

PageFly-Oliver
Astronaut
840 176 157

Hi @topstriker ,

You can try adding height to it

PageFlyOliver_0-1706780438632.png

 

 

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.

topstriker
New Member
6 0 0

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