Tengo un elemento de video HTML muy básico en reaccionar

 <div class="d-flex flex-column"> <video id="player" controls /> <div > <p>make me visible even after fullscreen</p> </div> </div>

la cuestión es que quiero que aparezca este div después de ingresar a pantalla completa haciendo clic en el control de pantalla completa del elemento de video html5 nativo. Intenté poner max z-index y hacer que la posición sea absoluta del elemento div, pero no funcionará después de ingresar a pantalla completa. ¿Como puedo resolver esto?