Aspect Ratio via data-attribute

fancyapps / ui

A library of JavaScript UI components, includes the best lightbox - Fancybox5

https://fancyapps.com/

Other

722 stars 91 forks source link

Aspect Ratio via data-attribute #657

Closed Bluxart closed 1 month ago

Bluxart commented 1 month ago

Describe the bug

Hi in old version of fancybox it's possibile add the aspect ratio for a video via data-ratio like in this documentation: https://obu.edu/_resources/ldp/galleries/fancybox/

It's possibile in this version the same behavior?

Reproduction

Add the data-ratio attribute

Additional context

No response

fancyapps commented 1 month ago

Hi,

Yes, use data-video-ratio attribute:

<a href="https://www.youtube.com/watch?v=tHnwV5ay8-8" data-fancybox="video-gallery" data-video-ratio="0.5">
  <img alt="" width="200" src="http://i3.ytimg.com/vi/tHnwV5ay8-8/hqdefault.jpg">
</a>

https://jsfiddle.net/x6yuwghv/