/* https://qiita.com/shimajiri/items/1899aa73070138035c9d */
/* YouTube動画を背景に埋め込む場合 */

.container{
  position: relative;
  aspect-ratio: 16/9;
  }
  .container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none; 
  }

/* https://migi.me/javascript/video-loading-animation/ */
/* サーバー上の動画を埋め込む場合 */

.video_wrapper {
  position: relative;
}
.video_wrapper:not(.js_active)::before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
}
.video_wrapper:not(.js_active)::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 60px;
  height: 60px;
  background-image: url(/common/images/mov/loading02b_r1_c10.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.video_wrapper > video {
  width: 100%;
}