ビデオに丸い境界線を設定する

動画に丸い枠線を設定する方法

GemPages v7 でビデオに丸い境界線を追加するには、以下の手順に従います。

ステップ1: GemPagesエディターにアクセスする

• Shopify管理画面から、 GemPages ビルダー アプリ> ページ.
• ビデオのコーナーをカスタマイズするページをクリックして、エディターを開きます。

• 丸いビデオを新しいページに追加したい場合は、 新しいページを作成する

ステップ2: ビデオ要素を使用してビデオを追加する

エディターに入ったら、検索バーに動画を入力します。次に、左側のサイドバーから動画要素をページ上の目的の位置にドラッグ＆ドロップします。

動画をクリックして設定を開きます。 設定 タブで、 ビデオソース, ビデオ設定, サイズ, 形状 あなたのビデオのために。

ステップ3: ビデオの角を丸くする

下にスクロールして 形状 セクションの下に 設定 タブには何も表示されないことに注意してください。

「追加…」をクリックします。 コーナー コーナー設定を開くフィールド。

下 半径 フィールドで、 下向き矢印 アイコンを選択して ラウンド ドロップダウンからオプションを選択します。半径はデフォルトで8に設定されます。 

• ビデオの角の形状をより丸くしたい場合は、ボックスに正確な数値を入力します。

• 各コーナーに異なる半径を設定する場合は、ボックスの横にあるアイコンをクリックして詳細パネルを開きます。

追加のスタイルオプション

丸い角を次の要素と組み合わせて、ビデオ要素のスタイルをさらに調整できます。

• ボーダー: 太さと色をカスタマイズした境界線を追加する
• Shadow: 外側の影を適用して視覚的な奥行きを作成します

これらのオプションは、 形状 のセクションから無料でダウンロードできます。

よくあるご質問

1. 各コーナーに異なるコーナー半径値を適用できますか?

現在、角の半径は4つの角すべてに均等に適用されます。個々の角のカスタム値はまだサポートされていません。

2. ライブビューで丸い角が表示されないのはなぜですか?

競合するスタイルや、境界線の半径を上書きする親要素がないことを確認してください。また、角の半径が0に設定されていないことも確認してください。