Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Portrait Format Videos Getting Cropped To Landscape

Portrait Format Videos Getting Cropped To Landscape

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 53 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    J Offline
    jbenfield96
    wrote on last edited by
    #1

    Hi guys, I've seen a very similar post to this on the forum in the past, but the solution from a community member seemed kind of regressive, was wondering if you have any fresh ideas/new work arounds?

    I've recently updated my site and by adding a bunch of new videos they all seemed to get cropped to a landscape format from both square and portrait formats when placed into my index page.

    On the main pages of my site they appear fine, but once dropped into the index page they immediately get cropped, any ideas?

    Heres a link to the index page. As you'll be able to see the only uncropped video is one I've left alone in this process:

    https://jacobsbenfield.com/index/

    Hope you can help!

    Thanks,

    Jacob

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by Richard
      #2

      Dear Jacob

      @jbenfield96

      Thanks for the update, there is something going on with the videos themselves.

      Testing:
      I uploaded one of your mp4's into a page and had the same issue. The dimensions 576 × 720 are cropped to a 1080 x 720 aspect ratio , the cropping to landscape occurs.

      Screen Shot 2022-01-03 at 5.00.28 PM.png


      Then i added a random portrait video to see if it was a Lay Theme BUG, portrait dimensions are maintained:

      Screen Shot 2022-01-03 at 5.16.03 PM.png


      Then i wondered if the video falls under a certain "portrait" dimension does it get changed to Landscape? Like your video, if its portrait but not true portrait and somewhere in the middle is that causing the issue? Turns out no. I used an online video resizer to change the dimensions to the exact same as yours to test - 576 × 720 :

      Screen Shot 2022-01-03 at 5.19.17 PM.png

      You can see the video is given the correct dimensions.


      Even though your Beastwang videos look Portrait, the Media Library believes the dimensions are 1080 x 720 ( even in my Lay Theme, so it's not a lay theme bug then ).

      Screen Shot 2022-01-03 at 5.21.42 PM.png


      If i change the dimensions of your video in a simple video resizer to the correct 576 x 720 - The Media library now sees this correctly and it is maintained on the front-end:

      Screen Shot 2022-01-03 at 5.25.30 PM.png


      Conclusion:
      Within your videos are some encoding, unsure what exactly that is giving this 1080 x 720 aspect ratio, resizing the video's solves the issue or look into how the video's where exported from whatever programs you are using (taken directly from instagram?).


      Hope this helps Jacob and best wishes for 2022! 🌝
      Richard
      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      I also code custom websites or custom Lay features.
      💿 Email me here: 💿
      info@laytheme.com

      Before you post:
      1. When using a WordPress Cache plugin, disable it or clear your cache.
      2. Update Lay Theme and all Lay Theme Addons
      3. Disable all Plugins
      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

      This often solves issues you might run into

      When you post:
      1. Post a link to where the problem is
      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
      Online Users
      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
      laytheme.com
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Recent
      • Tags
      • Popular
      • Users
      • Search