.wrapper {
  height: 100%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
  height: 100vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
  width: 80%; // 横幅もいっぱいに。
}

#video {
  // 以下、画面いっぱいにするためのCSS設定
  min-height: 80%;
  min-height: 80vh;
  min-width: 80%;
  min-width: 80vw;
  // wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。
  position: absolute;
  top: 0;
  // z-indexは調整してください。
  z-index: 1;
}