Render UI controls outside the video area?

[spirosikmd]

Hi there! This is a great package! And amazing documentation, thank you for all the effort!

My question: is there a suggested way to render the UI controls outside the video area?

What I can achieve now

What I want

There is a hack to set a padding to the video element inside vm-player, but that breaks kind of the aspect ratio of the video.

vm-player {
  & video {
    padding-bottom: ..;
  }
}

[spirosikmd]

Update: I realised that I can implement the controls I want to render outside the provider myself, and use the provider instance to update the state.

<Player ref={player}>
  <Video />
</Player>
<div>
  {/* custom controls here */}
</div>

Hence, I am closing this issue! If there is any other recommended way to render the controls outside the video area, while still being children of the provider, let me know! Thanks!