A user seeks to reduce the vertical height of a homepage video on desktop while maintaining full width and leaving the mobile version unchanged. They’ve shared their current HTML video code implementation.
Current situation:
Key question:
How to apply height adjustments specifically to desktop view without affecting mobile responsiveness.
The discussion remains open with no solution provided yet. One responder asked for clarification about why vertical adjustment is needed and whether the video is currently hidden on the page.
Is there a way to change the vertical size of my homepage desktop video but leave the mobile video as is? I want to keep the width.
Using this code.
<video width=“100%“video loop=”” muted=“” autoplay=“autoplay” preload=“” id=“vid”>
<source src="[https://cdn.shopify.com/videos/c/o/v/601077ff4ea544119dd87894f6af2e08.mp4](https://cdn.shopify.com/videos/c/o/v/601077ff4ea544119dd87894f6af2e08.mp4)" type="video/mp4"Thanks
Hi @Leeloo
As I see, your video is landscape, why you need to change the video to vertical?
I don’t. 
I would like to keep the width but reduce the size vertically.
HI @Leeloo
have you hide the video on your page?