[Support request] Video Styling on Mobile is a bit off…

Home Forums Support [Support request] Video Styling on Mobile is a bit off…

Home Forums Support Video Styling on Mobile is a bit off…

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2333617
    Harvey

    Hi again,

    I have a small issue and I’m wondering what the most efficient way to fix this is…

    I embed a lot of MP4 clips throughout my posts using the following “Custom HTML” block…

    <video width="630" height="350" style="display: block; margin: auto; max-width:100%;" autoplay="" muted="" loop="">
      <source src="/wp-content/uploads/2022/09/vertecverticaljump.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>

    This works great on desktop as per below,

    https://i.imgur.com/WAwckdR.jpg

    but on mobile there’s huge padding at the top and bottom and it looks like this,

    https://i.imgur.com/gpiIbs9.jpg

    I didn’t have this issue using this custom html video embed method until switching to GeneratePress…

    Should be an easy fix with some styling to add negative padding to top and bottom for mobile devices, but I’m not quite sure if this is the best way or where to put the code (in each custom html block or on some stylesheet somewhere?)

    Much appreciate your help!

    #2333730
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to that page so i can see whats causing the issue ?

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.