Entfernen Sie mithilfe von benutzerdefiniertem Code den oberen und unteren Abstand eines 9:16-Videos.

Wenn Sie verwenden, Video-Hosting in einem Hero Banner und stellen Sie das Video-Seitenverhältnis auf ein 9:16Möglicherweise bemerken Sie leeren Raum am oberen und unteren Rand des Videos.

Dies geschieht, weil das Video den verfügbaren Container nicht vollständig ausfüllt, während das ursprüngliche Seitenverhältnis beibehalten wird.

Sie können verwenden Benutzerdefinierter Code Das Video soll den gesamten Hero Banner ausfüllen und die leeren Bereiche entfernen.

Schritt 1: Öffnen Sie das Panel „Benutzerdefinierter Code“.

Suchen Sie im GemPages-Editor nach dem/der Heldenbanner das Ihr gehostetes Video enthält.

Dann, Klicken Sie mit der rechten Maustaste auf das Hero-Banner-Element. und wählen Sie Benutzerdefinierter Code.

Schritt 2: CSS-Code einfügen

Fügen Sie den folgenden Code in das Benutzerdefinierter Code Box:

gp-hero-banner .hero-banner-bg gp-lite-html5-embed video {

  Höhe: 100% !important;

  object-fit: cover !important;

}

Schritt 3: Änderungen anwenden

Klicken Sie auf Tragen Sie um den benutzerdefinierten Code zu speichern.

Speichern und veröffentlichen Sie Ihre Seite, um zu überprüfen, ob das Video nun den Hero-Banner vollständig ausfüllt und oben oder unten keinen leeren Platz mehr lässt.