woz716 Posted August 5 Share Posted August 5 I've embedded a Vimeo video using the code below. The padding and scale of the video is perfect on desktop. However, on mobile there is excessive padding added above and below the video. Can I restrict the height of the videos iframe on mobile? <iframe src="https://player.vimeo.com/video/994834551?autoplay=1&loop=1&autopause=0&background=1&color=ffffff&controls=0&portrait=0" width="2500" height= "635" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> }</iframe> Thanks Link to comment
HoaLT Posted August 5 Share Posted August 5 14 hours ago, woz716 said: I've embedded a Vimeo video using the code below. The padding and scale of the video is perfect on desktop. However, on mobile there is excessive padding added above and below the video. Can I restrict the height of the videos iframe on mobile? <iframe src="https://player.vimeo.com/video/994834551?autoplay=1&loop=1&autopause=0&background=1&color=ffffff&controls=0&portrait=0" width="2500" height= "635" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> }</iframe> Thanks Can you share your URL? If your site is not published yet, provide it with a protected password, share it here so we can access your site woz716 1 Press 👍 or mark my comment as solution if you find my sharing useful 🆒 Squarespace pinchzoom lightbox plugin (affiliate link) 👁🗨 360 degree photo viewer (affiliate link) Link to comment
woz716 Posted August 5 Author Share Posted August 5 Here is an unlinked URL so you can see the current functionality. https://www.jasonwoz.com/test Link to comment
Solution tuanphan Posted August 7 Solution Share Posted August 7 On 8/5/2024 at 11:18 PM, woz716 said: Here is an unlinked URL so you can see the current functionality. https://www.jasonwoz.com/test You can use this to Website Tools > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1722804913696_8929 iframe { height: 250px !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment