plyr
plyr copied to clipboard
Plyr adding incorrect style tag with aspect ratio
Expected behaviour
<div class="plyr__video-embed" data-plyr data-ply-config='{"ratio": "16:9"}'>
<iframe src="https://www.youtube.com/something" allowfullscreen allowtransparency></iframe>
</div>
Adding the following, I'd expect the ratio to be fixed at 16x9
Actual behaviour
An inline style tag gets added style="aspect-ratio: 4 / 3;
to the .plyr__video-embed
div. This causes the video to not display at 16x9. Removing the style tag puts it back to how it should be (16x9).

Steps to reproduce
Environment
- Browser: Safari 15/Chrome latest
- Operating System: OSx