ビデオの背景

Webデザインでビデオの背景を使用すると、特にWebサイトのヒーロー(上部)領域と組み合わせて使用​​すると、非常に大きな影響を与える可能性があります。

ビデオの背景を追加する

In Blocs ビデオの背景をに追加する方法はいくつかあります bloc、最も簡単な方法は、正しい形式とファイルサイズのビデオファイルをにドラッグすることです。 Blocs キャンバスと Bloc あなたはそれを適用したい、これを行うと Bloc 背景が灰色に変わります。

追加ビデオ 1

あなたが解放するとき マウスボタンを押すと、ビデオがに適用されます Bloc その背景として。

追加ビデオ 2

または、最初にを選択してビデオの背景を設定することもできます Bloc ビデオの背景を追加したい場合は、サイドバーのインスペクターオプションから、に移動します。 経歴 セクションをチェックし、 ビデオチェックボックス.

vdeo-ドロップダウン

これにより、デフォルトのプレースホルダービデオの背景が Bloc また、サイドバーオプションでビデオサムネイルを表示します。 ビデオを変更するには、サイドバーにあるビデオの背景サムネイルの上にマウスカーソルを移動します。 これを行うと、サムネイルに置換記号が表示されます。 左クリック ビデオサムネイル、それは開きます Blocs アセット・マネージャー.

置換-ビデオ-背景

Asset Managerから、設定する関連するmp4ビデオファイルを選択します。 blocs 背景。

ビデオの背景のプレビュー

デザインモードでは、明らかな理由でビデオが再生されません。 ビデオの再生をプレビューする場合は、メインツールバーにある再生ボタンを押すか、キーボードショートカットを使用します。 ⌘+ V プレビューモードに入ります。 プレビューモードを終了するには、メインツールバーにある停止ボタンを押すか、キーボードショートカットを使用します ⌘+ V.

映像フォーマット

で背景として動画を追加する場合 Blocs、ビデオのフォーマットとサイズは本当に重要です。 ビデオファイルはWeb標準である必要があります。 MP4フォーマット とは最大にすることができます 20MB ファイルサイズで。 ビデオの背景として使用するビデオを作成するときは、Webに最適化されたエンコーディングを使用することを強くお勧めします。

無料のビデオの背景

Coverr.co あなたがあなたの中で使用できる何百もの美しい、無料のビデオを提供する素晴らしいサイトです Blocs としてプロジェクト Bloc 背景。

Youtubeビデオの背景

ホストされているYouTubeビデオを Bloc 背景、あなたはこれに従うことができます 専用ガイド.

7年2019月XNUMX日に更新

この記事は役に立ちましたか?

関連記事