Best way to oEmbed a Youtube Shorts

How To
1

Hello !
I am trying to create a gallery for my client’s youtube videos, the problem being most are Shorts.
I created an ACF field (and have tested multiple types between oEmbed, Url, and a text field just for the youtube ID).
Because shorts are in 9:16 formats, the video format isn’t adapting - and I’m not sure of the best way to implement this.

Thanks for your help !

2

It seems that using a loop query and a video element with dynamic data of just the video ID works by putting a width/height on the video and div. Unsure if this is the best way, but it works.

Would there be a way to display these videos masonry style ? Because sometimes the videos may be shorts, sometimes classic horizontal !

3

Youtube Videos have an aspect-ratio of 16:9, Shorts have 9:16.

  • Insert a Video element,
  • add your YouTube Short ID (Shorts URL doesn’t work correctly in Bricks 1.12.4!),
  • set Style > Layout > Aspect ratio: 9/16

Unfortunately, there’s no automatic detection, so it’ll be a bit difficult to adapt that dynamically in a loop.

For the Shorts URL issue, see
WAIT: Video element doesn’t detect YouTube Shorts URL correctly