<!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> 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%; } <!-- language: lang-html --> <video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4" loop autoplay muted playsinline></video> <!-- end snippet --> このように、video要素に対して、`position: absolute`、`top: 50%`、`left: 50%`、`transform: translate(-50%, -50%)`を指定することで、画面中央に表示させることができます。 また、html、body要素に対して、`overflow: hidden`、`cursor: default`、`height: 100%`を指定することで、スクロールバーを消し、カーソルを消し、全体を表示することができます。 また、フルスクリーン表示にも対応できるようになります。