画面を縮小したときにフルスクリーンの動画背景の表示箇所を中央にしたい

Question

前提・実現したいこと

初めての利用になります。
videoタグを使い動画をフルスクリーンで表示させたのですが、画面を縮小したときにうまく表示されません。例えばスマートフォンサイズに縮小したときに動画の中央ではなく、左半分ぐらいが表示されてしまいます。
動画の中心部が表示されるようにしたいのですが、どうすればいいでしょうか？

該当のソースコード

<video src="img/video-sample.mp4" autoplay muted loop></video>

video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
}

質問が伝わりづらいかもしれませんが、回答のほどよろしくお願いいたします。

Answer 1

video{
  position: absolute;
  z-index: -100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90vw;
}

とかどうでしょう

あと，background-size:cover;はvideoタグにつけるやつじゃないと思います

Cf. ONZE/BLOG「【html 5】video タグを用いて背景全面に動画を再生する方法」

Comments

[hashimon10]

liveAsNotesさんの回答を参考にtransformを使い、topとleftの指定を見直すことで解決できました。わかりづらい質問に回答いただき、ありがとうございました。

[liveasnotes]

あ，そういえば，
max-width:90vw; だと，ビューポートの横幅90%分が最大値になってしまいますね
（ついやってしまった

お気づきかも知れませんが，全画面動画背景にするなら
width:100vw;や，height:100vh;等に設定し直しておくべきですね