CSS erzielt einen proportionalen Anzeigeeffekt eines Elements mit fester Höhe und Breite

.Inhalt {
      Rand: 0 automatisch;
      Höhe: 79vh;
      .video_box {
        Position: relativ;
        Höhe: 100%;
        Überlauf: versteckt;
        Rand: 0 automatisch;
        Breite: 79vh*1,778;
        maximale Breite: 100 vw;
        .ad_pic {
          Anzeige: keine;
          Position: absolut;
          oben: 0;
          links: 0;
          Breite: 100 %;
          Höhe: 100%;
          Hintergrund: URL (6.jpg) No-Repeat-Center;
          Hintergrundgröße: 100 % 100 %;
          img {
            Breite: 100 %;
            Höhe: 100%;
          }
          .btn_spielen {
            Anzeige: Inline-Block;
            .Breite(50);
            .Höhe(50);
            Position: absolut;
            links: 50%;
            oben: 50 %;
            .margin-left(-25);
            .margin-top(-25);
            Hintergrund: URL (../../public/img/icon_play.png) No-Repeat-Center;
            Hintergrundgröße: 100 % 100 %;
          }
        }
        iframe, Objekt, Einbettung, Video {
          Position: absolut;
          oben: 0;
          links: 0;
          Breite: 100 %;
          Höhe: 100%;
        }
        .Grafikkarte {
          Position: absolut;
          oben: 0;
          links: 0;
          Breite: 2px;
          Höhe: 1px;
        }
      }
    }

<div Klasse="Inhalt">
        <div Klasse="video_box">
            <div Klasse="Anzeige_Bild">
                <span class="btn_play"></span>
            </div>
            <video id="Anzeigenvideo"
                   automatischer Puffer
                   src="ein.mp4"
                   automatische Wiedergabe
                   Vorspannung
                   Kontrollen=""
                   Schleife
                   poster="6.jpg"
                   webkit-playsinline="true"
                   spielt inline = "true"
                   x-webkit-airplay="erlauben"
                   x5-spieleinline
                   x5-video-player-type="h5"
                   x5-video-player-fullscreen="wahr"
                   x5-video-orientation="Hochformat"
                   >
            </video>
        </div>
    </div>