plyr icon indicating copy to clipboard operation
plyr copied to clipboard

Plyr adding incorrect style tag with aspect ratio

Open shornuk opened this issue 2 years ago • 0 comments

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).

CleanShot 2022-05-13 at 17 24 19@2x

Steps to reproduce

Environment

  • Browser: Safari 15/Chrome latest
  • Operating System: OSx

shornuk avatar May 13 '22 16:05 shornuk