title: How to display modal in front of fullscreened video tag (React-Player)
body: <p>I am working with a modal that is opened when the <strong>hotkey</strong> is clicked in React.
  For example, if you press &quot;a&quot;, then it opens the modal.
  But when a video is playing on fullscreen mode, it hides the modal, so I cannot even see if the modal is opened behind the video tag.</p>
  <p>Video playback is handled by '<strong>React-Player</strong>'.<br>
  I tried setting <code>z-index: 0</code> for video tag, and <code>z-index: 1000000</code> for modal, but not working.</p>
  <img src="https://i.stack.imgur.com/Mp1Sd.jpg">