This guide is currently available in Japanese only. An English version is coming soon.
背景動画の挿入方法
ブログやWebサービスに動画を貼り付けようとしたとき、次のようなURLを求められることがあります。
ホムっぺでも動画を挿入する場合、MP4の直リンクが必要です。
ここでは、MP4の直リンクを無料で取得するところから、実際にホムっぺで作成したサイトに動画を差し込むやり方を解説していきます。
① Cloudflareのアカウントを作る
まず、お使いのブラウザ(ChromeやSafariなど)で「Cloudflare」と検索かけ、cloudflareのサイトをクリック。
サイトにアクセスできたら、右上赤枠部分の「ログイン」をクリック。
ここでアカウント登録を行います。
登録ができたら、右上の赤丸部分をクリック。日本語に設定するとわかりやすいです。
② MP4直リンク取得準備
左メニューの「計算する」をクリック。
同じく左メニューの「従業員とページ」をクリック。
右上の「アプリケーションを作成する」をクリック。
赤枠部分の「静的ファイルをアップロードしてください」をクリック。
fileかfolderをクリックし、対象の動画をアップする。ドラッグ&ドロップでもアップできます。
アップされるとこのような表示になるので、内容が正しければ「Deploy」をクリック。
③ アップした動画を公開し、MP4リンクを取得
Deploy後、1分ほど待つと更新されるので、右上の「訪問」をクリック。更新されてなければ、更新されるまでお待ちいただいて、再度「訪問」をクリック。
更新されると、このように対象の動画がネット上にアップされる。
アップされたリンクをコピーして、URLの末に「/動画のファイル名.mp4」を付け足して検索かけると、MP4の直リンクで対象の動画を見ることができる。これでMP4の直リンクの取得が完了です。

④ ホムっぺのAI編集で、動画を差し込む
ホムっぺに戻り、動画を差し込みたい対象のセクションで「AI編集」をクリック。
赤枠の指示内容に「このセクションの背景に、(取得したMP4の直リンクを貼り付ける)を使用して」と入力。
指示内容入力できたら、赤枠部分の「修正を実行」をクリック。
修正が完了すると、このように動画が差し込まれます。
プレビューでみても反映されてます。ぜひ試してみてください!
https://example.com/video.mp4
これは、動画ファイルそのものを開くMP4の直リンクです。ホムっぺでも動画を挿入する場合、MP4の直リンクが必要です。
ここでは、MP4の直リンクを無料で取得するところから、実際にホムっぺで作成したサイトに動画を差し込むやり方を解説していきます。
① Cloudflareのアカウントを作る
まず、お使いのブラウザ(ChromeやSafariなど)で「Cloudflare」と検索かけ、cloudflareのサイトをクリック。

サイトにアクセスできたら、右上赤枠部分の「ログイン」をクリック。

ここでアカウント登録を行います。

登録ができたら、右上の赤丸部分をクリック。日本語に設定するとわかりやすいです。

② MP4直リンク取得準備
左メニューの「計算する」をクリック。

同じく左メニューの「従業員とページ」をクリック。

右上の「アプリケーションを作成する」をクリック。

赤枠部分の「静的ファイルをアップロードしてください」をクリック。

fileかfolderをクリックし、対象の動画をアップする。ドラッグ&ドロップでもアップできます。

アップされるとこのような表示になるので、内容が正しければ「Deploy」をクリック。

③ アップした動画を公開し、MP4リンクを取得
Deploy後、1分ほど待つと更新されるので、右上の「訪問」をクリック。更新されてなければ、更新されるまでお待ちいただいて、再度「訪問」をクリック。

更新されると、このように対象の動画がネット上にアップされる。

アップされたリンクをコピーして、URLの末に「/動画のファイル名.mp4」を付け足して検索かけると、MP4の直リンクで対象の動画を見ることができる。これでMP4の直リンクの取得が完了です。


④ ホムっぺのAI編集で、動画を差し込む
ホムっぺに戻り、動画を差し込みたい対象のセクションで「AI編集」をクリック。

赤枠の指示内容に「このセクションの背景に、(取得したMP4の直リンクを貼り付ける)を使用して」と入力。

指示内容入力できたら、赤枠部分の「修正を実行」をクリック。

修正が完了すると、このように動画が差し込まれます。

プレビューでみても反映されてます。ぜひ試してみてください!

