「WordPressサイト制作を簡単にする国産サイトビルダー weluka:ウェルカ」テクニカルブログ

背景動画の設定方法?

ページの背景に動画を設定することができます。

「固定ページ」・「カスタムヘッダー」など背景に動画を設定することで多様なページを作成することができます。

背景動画の設定方法

背景動画設定方法

固定・投稿ページをビルダーモードで表示してください。

設定は「セクション設定」「一般設定」で行います。

背景タイプ
動画を選択してください。動画設定項目が表示されます。
Mp4、Webm

動画形式は「Mp4、Webm」形式に対応しています。メディアライブラリより動画を設定してください。

※動画ファイルは外部URLの入力も可能です。
例)https://www.weluka.me/video/sample.mp4
※Youtube等の外部動画サイト動画を埋め込むことはできません。
Poster
動画表示ができないブラウザ等の場合に表示される画像をメディアライブラリより設定してください。
背景動画はスマートフォン(768px未満)非表示にしPoster画像を表示チェック
スマートフォン表示の際に動画を非表示にし、Posterで設定s他画像を表示したい場合、チェックしてください。

※「背景オーバーレイ」を設定することで画像の粗さをカバーできます。

背景動画の固定ページサンプル

下記画像をクリックするとサンプルページを表示します。

サンプルでは「サイトヘッダー・フッター」は非表示にし、「コンテナー高さ(vh)」「100」に設定、及び「コンテナー内コンテンツをコンテナー高さに対して中央表示」にチェック「背景オーバーレイ」に「ブラック(不透明度50%)」を設定しています。

背景動画サンプル