mp4 미디어바 중앙정렬

<style>
.my-mp4 { width:100%; display:block; margin:0 auto; }
.my-mp4::-webkit-media-controls-fullscreen-button { display:none; }
.my-mp4::-webkit-media-controls-panel {
    position:absolute;
    left:50%; top:50%; transform:translate(-50%, -50%);
    background-image:none;
    width:70%;
}
@media screen and (hover:none) and (pointer:coarse) {
   .my-mp4::-webkit-media-controls-panel { position:static; transform:translate(0%, 0%); }
}
</style>
<video class="my-mp4" style="max-width:960px" src="mp4경로" autoplay loop controls controlslist="nodownload"></video>

-----

위의 빨간색 부분 3개의 수치를 퍼센트로 조절합니다.

보라색 960 은 mp4 의 원본 가로 사이즈입니다.

반응형이구요. 모바일의 경우는 이 css 가 무력화되므로 기본 옵션으로 바꿔주는 코드를 얹었습니다.