Hidden audio player and styling inconsistency

[licitdev]

Describe the Bug

Missing audio player

Image

Padding around image, but large vertical resolution negates it

Seems to work as intended for smaller resolution images

Video

Typical video resolution

Videos with smaller widths are not center aligned and video playback controls may be hidden

Can see the required height of the player controls here

To Reproduce

Test with assets.zip

Errors Shown

No response

What version of Directus are you using?

main branch 53168f7

What version of Node.js are you using?

v16

What database are you using?

SQLite

What browser are you using?

Chrome

How are you deploying Directus?

running locally