Skip to main content
1 / 3
video { min-width: 100%; min-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } html, body { overflow: hidden; cursor: default; height: 100%; }

このように、video要素に対して、"position: absolute"、"top: 50%"、"left: 50%"、"transform: translate(-50%, -50%)"を指定することで、画面中央に表示させることができます。
また、html、body要素に対して、"overflow: hidden"、"cursor: default"、"height: 100%"を指定することで、スクロールバーを消し、カーソルを消し、全体を表示することができます。
また、フルスクリーン表示にも対応できるようになります。