ページの右側の余白を消したい。

Question

模写サイトを作成中です。ページの右側に余白ができてしまいました。overflow:hiddenやoverflow-x:hiddenなどをwrapIDのついた要素につけたりしましたが、解決せず、既存のレイアウトが崩れてしまいました。
原因としてvideo要素が幅を超えているために右に余白ができていると推測していて調べて試してみましたが、解決できませんでした。
ご教授の程よろしくお願い致します。
参考サイト
https://aya2kiku.com/htmlcss_space/
https://umlaut.club/web/video_tag2
https://qiita.com/Daiki-0624/items/a27b2fb8a4bb6890e9b8

#videodiv {
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-image: url("https://school.oohara.jp/Ryoya/airbnbbak.jpg") no-repeat center center/cover;
}

video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
}
@media(aspect-ratio: 16/9),(min-aspect-ratio: 16/9) {
    video {
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  @media (max-aspect-ratio: 16/9) {
    video {
      height: 100%;
      left: 50%;
      transform: translateX(-50%);
    }
  }

<div id="videodiv">
  <div id="wrapper">
    <video muted src="https://school.oohara.jp/Ryoya/d8743716b66d53358afe6f47bdb69ccf_1500k_2.mp4" autoplay playinline id="video"></video>
  </div>
  </div>

Answer 1

貼られているコードで表示確認すると、上下左右に余白がありました。
bodyタグのmarginが残っていませんか。

body{
  margin: 0;
}