Option to have the speed popup go below the div rather than above it (pics attached)

sampotts / plyr

A simple HTML5, YouTube and Vimeo player

https://plyr.io

MIT License

26.38k stars 2.92k forks source link

Option to have the speed popup go below the div rather than above it (pics attached) #1801

Open mayeaux opened 4 years ago

mayeaux commented 4 years ago

Screen Shot 2020-04-24 at 8 03 02 PM Screen Shot 2020-04-24 at 8 01 42 PM

I have an audio div at the top of my page, the problem is when I go to change the speed the popup goes above the div and off the page so I can't see it, I would need it to popup below the audio player div so that it can be changed. Otherwise I have to push the audio div way down in the page and it looks silly. Let me know if this would be tenable, thanks!

mayeaux commented 4 years ago

I suppose it could be targeted with some Javascript. Adding the rule of margin-bottom: -321px; to the div gives the desired effect, such as:

<div class="plyr__menu__container" id="plyr-settings-1726" style="
    margin-bottom: -321px;
"></div>