bpoint: min 2xs xs sm md lg xl 2xl 3xl

Macros flex/video

lista · todo

.regular

Normal — vídeo con imagen de póster, caja 16:9 (fit normal). (TID01)

(SizeLimitingPyMap: {fit=normal, image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, video=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/video.mp4})

Estirar — vídeo que llena la columna desde md (fit stretch). (TID02)

(SizeLimitingPyMap: {fit=stretch, image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, video=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/video.mp4})

Por defecto — sin fit: cae a normal (16:9). (TID03)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, video=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/video.mp4})

Inválido — sin vídeo: la guard impide el render y no se emite HTML. (TID04)

(SizeLimitingPyMap: {fit=stretch, image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, video=})