Traté de usar la API de pantalla completa en javascreen para personalizar mi propio reproductor de video, pero cuando hago clic en el ícono de pantalla completa y luego se enciende el modo de pantalla completa, mi video no se muestra correctamente, se muestra como un video recortado o medio video... y esto es mi código :

 let playerarea = document.querySelector(".myplayer"); let fullscreenbtn = buttonsarea.querySelector(".fullscreen"); fullscreenbtn.addEventListener("click" , function(){ if(!document.fullscreenElement){ playerarea.requestFullscreen(); } else if(document.exitFullscreen){ document.exitFullscreen(); }})

y esta es mi imagen de video después de la pantalla completa: Imagen