カスタムコードを使用して、9:16 のホスト動画の上下の間隔を削除します。

この方法でエスプレッソの抽出を計量する場合、エスプレッソがスパウトから落ちるタイミングとスケールが反応するタイミングに時間差が生じます。エスプレッソがスパウトからエスプレッソカップに落ち、スケールが計量するまで若干の時間差が生じるため、抽出ボタンを止めた後、液量が約２～４g増加することを念頭に置いて抽出を止めてください。 ビデオホスティング ヒーローバナーでビデオのアスペクト比を 9:16動画の上部と下部に空白があることに気づくかもしれません。

これは、動画が元の縦横比を維持しながら、利用可能なコンテナを完全に埋め尽くしていないために発生します。

あなたが使用することができます カスタムコード 動画がヒーローバナー全体を埋め尽くすようにし、これらの空白部分を削除します。

ステップ1：カスタムコードパネルを開きます

GemPagesエディタで、 ヒーローバナー あなたがホストしている動画が含まれている場所。

その後、 ヒーローバナー要素を右クリックします をクリックして カスタムコード.

ステップ2：CSSコードを貼り付ける

次のコードを貼り付けます カスタムコード 箱：

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

  高さ: 100% !重要;

  object-fit: cover !important;

}

ステップ3：変更を適用する

詳しくはこちら Apply カスタムコードを保存する。

ページを保存して公開し、動画がヒーローバナー全体を埋め尽くし、上下に空白が残らないことを確認してください。