Fullscreen em JS

Eu estou criando um player , mas estou tendo problemas com o fullscreen, pois seu eu deixo o video com widht e height de 100% ele bagunça com o meu css e o jeito que eu tinha achado para da uma ameniza

da nisso foi colocar um padding no css mas o player fica flutuando na tela.

Aqui está um trecho do código

 full = playerVideo.querySelector('.full');
 full.addEventListener('click', fullScreen);
 view.addEventListener('click', play);

function fullScreen(){
	if(!document.webkitFullscreenElement){
 playerVideo.webkitRequestFullscreen();
 }else{
 document.webkitExitFullscreen();
	}

}

	 

	Eu queria saber se tem um jeito de abrir o fullscreen do player sem bagunçar meu css , se o problema for no css me desculpe por postar no lugar errado (estou começando agora :v)