Webデザインでビデオの背景を使用すると、特にWebサイトのヒーロー(上部)領域と組み合わせて使用すると、非常に大きな影響を与える可能性があります。
ビデオの背景を追加する
In Blocs ビデオの背景をに追加する方法はいくつかあります bloc、最も簡単な方法は、正しい形式とファイルサイズのビデオファイルをにドラッグすることです。 Blocs キャンバスと Bloc あなたはそれを適用したい、これを行うと Bloc 背景が灰色に変わります。
あなたが解放するとき 左 マウスボタンを押すと、ビデオがに適用されます Bloc その背景として。
または、最初にを選択してビデオの背景を設定することもできます Bloc ビデオの背景を追加したい場合は、サイドバーのインスペクターオプションから、に移動します。 経歴 セクションをチェックし、 ビデオチェックボックス.
これにより、デフォルトのプレースホルダービデオの背景が Bloc また、サイドバーオプションでビデオサムネイルを表示します。 ビデオを変更するには、サイドバーにあるビデオの背景サムネイルの上にマウスカーソルを移動します。 これを行うと、サムネイルに置換記号が表示されます。 左クリック ビデオサムネイル、それは開きます Blocs アセット・マネージャー.
Asset Managerから、設定する関連するmp4ビデオファイルを選択します。 blocs 背景。
ビデオの背景のプレビュー
デザインモードでは、明らかな理由でビデオが再生されません。 ビデオの再生をプレビューする場合は、メインツールバーにある再生ボタンを押すか、キーボードショートカットを使用します。 ⌘+ V プレビューモードに入ります。 プレビューモードを終了するには、メインツールバーにある停止ボタンを押すか、キーボードショートカットを使用します ⌘+ V.
映像フォーマット
で背景として動画を追加する場合 Blocs、ビデオのフォーマットとサイズは本当に重要です。 ビデオファイルはWeb標準である必要があります。 MP4フォーマット とは最大にすることができます 20MB ファイルサイズで。 ビデオの背景として使用するビデオを作成するときは、Webに最適化されたエンコーディングを使用することを強くお勧めします。
Youtubeビデオの背景
ホストされているYouTubeビデオを Bloc 背景、あなたはこれに従うことができます 専用ガイド.