Fix video aspect ratio for [godam_video] shortcode

[KMchaudhary]

Bug Report

Current Behavior
When rendering a video using the [godam_video] shortcode, the placeholder container does not preserve the video’s original aspect ratio. This causes layout shifts during load and negatively impacts the site’s CLS (Cumulative Layout Shift) score if the shortcode is used anywhere on the page.

Expected behavior/code
The placeholder container should have a predefined aspect ratio so it reserves the correct space before the video loads, preventing layout shifts and maintaining visual stability.

Steps to reproduce the bug

• On post add [godam_video id="123"] shortcode. (Here, 123 is the video attachment id)
• View page on frontend. (Open inspector > Network tab > Fast 4G network speed to better simulate the issue)

Possible Solution
Pre-apply video aspect ratio based on video width and height metadata.

Additional context/Screenshots

Screen.Recording.2026-02-23.at.10.43.42.AM.mov

[KMchaudhary]

[23-Feb-2026 06:39:56 UTC] Original item from GoDAM API: stdClass Object
(
    [name] => rhamajp67j
    [creation] => 2026-02-19 21:21:06.597082
    [modified] => 2026-02-19 21:23:27.550427
    [modified_by] => harish.chandran@rtcamp.com
    [owner] => subodh.rajpopat@rtcamp.com
    [docstatus] => 0
    [idx] => 0
    [job_type] => stream
    [status] => Transcoded
    [thumbnail_count] => 5
    [file_size] => 4752471
    [mime_type] => video/mp4
    [file_origin] => https://subdir-multi-godam.rt.gw/test1/wp-content/uploads/sites/2/2026/02/reelUp_cyth9unhipu1741353890482_medium-2.mp4
    [orignal_file_name] => reelUp_cyth9unhipu1741353890482_medium-2-original.mp4
    [video_to_stream] => 
    [callback_url] => https://subdir-multi-godam.rt.gw/test1/wp-json/godam/v1/transcoder-callback
    [transcoded_file_name] => reelUp_cyth9unhipu1741353890482_medium-2.mp4
    [transcoded_file_path] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/output.mpd
    [error_message] => 
    [error_code] => 
    [job_for] => wp-media
    [force] => 0
    [formats] => mp4
    [api_token] => 
    [stream] => 1
    [watermark] => 0
    [watermark_text] => 
    [_user_tags] => 
    [_comments] => 
    [_assign] => 
    [_liked_by] => 
    [watermark_url] => 
    [status_callback] => https://subdir-multi-godam.rt.gw/test1/wp-json/godam/v1/transcoding/transcoding-status
    [resolutions] => ["240", "360", "480", "720", "1080", "1440", "2160"]
    [file_label] => q80t892pi9
    [is_archive] => 0
    [thumbnail_height] => 0
    [thumbnail_width] => 0
    [public] => 1
    [video_quality] => 80
    [transcription_status] => Transcribed
    [transcript_path] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/reelUp_cyth9unhipu1741353890482_medium-2.vtt
    [thumbnail_url] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/reelUp_cyth9unhipu1741353890482_medium-2_1.jpg
    [playtime] => 34.993327
    [audio_url] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/reelUp_cyth9unhipu1741353890482_medium-2.mp3
    [height] => 0
    [width] => 0
    [transcoded_hls_path] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/master.m3u8
    [transcoded_mp4_url] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/reelUp_cyth9unhipu1741353890482_medium-2.mp4
    [layer_data] => 
    [wp_author_email] => subodh.rajpopat@rtcamp.com
    [wp_author_first_name] => wp-user-2328
    [wp_site] => https://subdir-multi-godam.rt.gw/test1
    [wp_author_last_name] => 
    [title] => reelUp_cyth9unhipu1741353890482_medium-2-original.mp4
    [description] => 
    [transcription_callback_url] => 
    [queued_at] => 2026-02-19 21:21:06.648160
    [queue_alerted] => 0
    [transcoding_time] => 0
    [events_callback] => 
    [version_history] => 
    [cdn_file_origin] => https://dhenmo2ua7.gdcdn.us/rhamajp67j/reelUp_cyth9unhipu1741353890482_medium-2-original.mp4
    [owner_first_name] => Subodh
    [owner_last_name] => Rajpopat
)

@geekofshire could you please share the video width and height data in response? I'm getting width and height values for image media, but not getting for video media items.

[elifvish]

@KMchaudhary A video gets transcoded into multiple resolutions, I think you need aspect ratio of video instead of height and width.

[KMchaudhary]

@elifvish @geekofshire
WordPress by default stores video width and height, and we use that to decide the aspect ratio of the video. It's fine to get the aspect ratio directly.

Our end goal is to provide a correct aspect ratio to the Godam video.

Let me know once you start providing the aspect ratio for video items.