---
title: "FloSyncで1本の動画を2枚の画面にまたがって表示する方法"
description: "横に並んだ2枚の画面を、1枚の横長の映像に変えましょう。画面の接続からライブ開始まで、手順を追って解説するガイドです。"
url: "https://flosync.com/ja/blog/span-one-video-across-two-screens/"
lang: "ja"
updated: "2026-10-28"
---

# FloSyncで1本の動画を2枚の画面にまたがって表示する方法

横に並んだ2枚の画面を、1枚の横長の映像に変えましょう。画面の接続からライブ開始まで、手順を追って解説するガイドです。

[Daniel Palka](https://flosync.com/ja/story/) 著 · 2026年9月2日 16:00 · 10分で読了 · FloSync 0.5.0 向けに執筆

- [はじめに](https://flosync.com/ja/blog/tags/getting-started/)
- [マルチスクリーン](https://flosync.com/ja/blog/tags/multi-screen/)

FloSyncは、複数の画面にまたがって動画を再生できる、Mac・Windows向けの無料アプリです。このガイドで扱うのは最もシンプルなケース、つまり1台のパソコン、2枚の画面、そして1本の動画が両方をまたいで1枚の連続した映像として流れる構成です。

[完成イメージ：1本の動画が、2枚の画面にまたがってひとつの映像として再生されます。](https://flosync.com/images/screenshots/span-one-video-across-two-screens-animated-preview.mp4)

ここでは、Envatoの[シカゴ「L」電車の映像素材](https://app.envato.com/footage/4d80dd37-c539-4c10-a402-32d7b4d59235)を使って説明します。

最後まで進めれば、この構成を実際の画面で動かせるようになります。1台のパソコンが2枚の画面を駆動し、ネットワークも専用のビデオウォールコントローラーも必要ありません。

## 必要なもの

所要時間: 約20分

- 2枚の画面を同時に駆動できるパソコン。内蔵の出力端子でも、対応するドックやアダプター経由でも構いません（ポートの数だけでは判断できないため、不安な場合は機種の仕様を確認してください）
- 横向きで、実際に横並びに設置した画面2枚
- FloSync。[無料でダウンロード](https://flosync.com/ja/download/)して使えます（インストール方法は[はじめに](https://flosync.com/ja/docs/getting-started/)で解説しています）
- 画面全体で再生する動画ファイル。画面の形とぴったり一致している必要はありません

このガイドのスクリーンショットでは、同じ1080p画面を2枚使っていますが、これはこのガイドの都合であり、FloSyncの必須条件ではありません。画面のサイズはどんな組み合わせでも構いません。3枚以上の画面については、[1台のパソコンで駆動できるスクリーンは何枚？](https://flosync.com/ja/blog/how-many-screens-can-one-computer-drive/)をご覧ください。

![1台のパソコンがネットワークを介さず2枚の画面を直接駆動する図。スパンモードでは1枚の映像が両画面に分かれ、左半分がスクリーン1に、右半分がスクリーン2に表示される](https://flosync.com/images/diagrams/02-single-pc-spanned-2.svg)

*1台のパソコンが、ネットワークを介さず両方の画面を直接駆動します。スパンモードでは1枚の映像が両方にまたがり、左半分がスクリーン1に、右半分がスクリーン2に表示されます。*

## ステップ1:デスクトップを両方の画面に拡張する

**両方のスクリーンを接続し、OSの設定を「複製」ではなく「拡張」にします。**

ディスプレイ設定で、物理的な位置に合わせて左右に並べます。macOSでは、システム設定 > ディスプレイ > 配置です。Windowsでは、デスクトップを右クリックしてディスプレイ設定を選び、2つの画面タイルをドラッグして同じ順番に並べます。FloSyncはこの配置をそのまま読み取るため、ここで正しく設定しておくと後の手間が省けます。

## ステップ2:FloSyncを開いて画面を確認する

**FloSyncをインストールして開き、コンポーザー（FloSyncのメインウィンドウ）に、配置と一致する2つのスクリーンボックスが表示されていることを確認します。**

FloSyncは画面を自動的に検出します。配置エリアに、先ほど設定したのと同じ順番で2つのボックスが並んで表示されます。1つしか表示されない場合や順番が違う場合は、続ける前にOSのディスプレイ設定を確認してください。

![2つの物理ディスプレイに対応する、空のスクリーンボックスが2つ並んで表示されたFloSyncのコンポーザー。「コンテンツが読み込まれていません」というステータスメッセージ付き](https://flosync.com/images/screenshots/span-one-video-across-two-screens-fresh-install-ja.png)

*画面に対応する、空のスクリーンボックスが2つ並んでいます。まだ何も読み込まれていません。*

## ステップ3:動画を追加する

**動画を「プライマリ」と書かれたボックスにドラッグするか、そのボックスをクリックして「コンテンツを追加」から「動画 / 画像」を選び、ファイルを参照します。**

ファイルをそこにドロップすると、FloSyncはその画面だけに読み込みます。もう一方のスクリーンボックスは、今のところ空のままです。新規インストール直後のFloSyncは独立モードで起動し、画面ごとに別のコンテンツを割り当てられるためです。次のステップでスパンに切り替えると、この動画が両方の画面にまたがって分割されます。

![Display 1のプライマリボックスに動画が読み込まれ、Display 2のボックスはまだ空の状態のFloSyncのコンポーザー](https://flosync.com/images/screenshots/span-one-video-across-two-screens-video-on-primary-ja.jpg)

*動画はDisplay 1のプライマリボックスに読み込まれます。Display 2は次のステップまで空のままです。*

## ステップ4:スパンモードに切り替える

**トップバーのモードドロップダウンを開き、「スパン」を選択します。**

![スパンモードのコンポーザー。モードドロップダウンが開いていて「独立」「ミラー」「スパン」が表示され、「スパン」にチェックが入っている。電車が一方の画面からもう一方へまたがって走っている](https://flosync.com/images/screenshots/span-one-video-across-two-screens-spanned-dropdown-ja.jpg)

*スパンモードでは、同じクリップが両方の画面に分割されます。電車が一方の画面からもう一方へとまたがって走ります。上のドロップダウンは、スパンモードへの切り替え方を示しています。モードメニューを開き、「スパン」を選びます。*

スパンは、2枚の画面を1つの横長のキャンバスとして扱い、1枚の映像をその両方に広げます。1枚の連続した映像として見せたいときにぴったりです。（3つのモードすべてを比較したい場合は、[表示モード](https://flosync.com/ja/docs/display-modes/)に詳しい説明があります。）

もし画面が下の写真のように、両方の画面に同じフレームが表示されている場合は、まだミラーモードのままです。モードドロップダウンを開いて「スパン」を選べば直ります。

![ミラーモードのコンポーザー。同じフレームが両方の画面に複製されている](https://flosync.com/images/screenshots/span-one-video-across-two-screens-mirrored-ja.jpg)

*このような画面になっている場合は、スパンではなくミラーモードです。*

## ステップ5:グローバルキャンバス拡張でクロップを直す

スパンに切り替えると、電車の下側が一部切れていることに気づくかもしれません。これは、動画が横に並べた2枚の画面全体よりも縦長だからです。FloSyncは幅いっぱいに表示し、上下の収まらない部分を切り取ります。

**映像が切れている場合は、グローバルキャンバス拡張（ツールバーのグリッドアイコン）を開き、「上」をスクリーン1台分の高さ（このガイドの1080pスクリーンなら1080）に設定して「適用」をクリックします。すでに映像が収まっている場合は、この手順は不要です。**

*グローバルキャンバス拡張ボタン。上部のツールバーにあります。*

グローバルキャンバス拡張は、実際の画面のまわりに仮想の画面領域を追加し、本来なら切り取られてしまう部分の逃げ場を作ります。（クイック調整の1080pの行にある「+T」ボタンでも、入力せずに同じ値を設定できます。）これにより、実際の2枚の画面の上に、1080pディスプレイ1台分の高さの仮想の行が加わります。2枚の画面が同じ解像度で、1080p以外の場合は、1080の代わりにその縦解像度を使ってください。

![「上」フィールドが1080に設定された、グローバルキャンバス拡張ダイアログ](https://flosync.com/images/screenshots/span-one-video-across-two-screens-canvas-dialog-ja.png)

*グローバルキャンバス拡張ダイアログ。「上」が1080に設定されています。*

「適用」をクリックすると、FloSyncは自動的にグローバルキャンバスプレビューを開きます。グローバルキャンバスは、動画とちょうど同じ形の3840x2160になり、実際の2枚の画面がその下半分を占めます。（ズームアイコンで、このグローバル表示とローカル表示を切り替えられます。）上側の帯は仮想のままで、どの画面にも映りません。ライブ開始すると、実際の2枚の画面には、電車が走る下側の帯が表示されます。

![実際の2枚の画面の上に仮想の行が表示され、全体のフレームが縦に長いキャンバスにぴったり収まっているグローバルキャンバス表示](https://flosync.com/images/screenshots/span-one-video-across-two-screens-global-canvas-ja.jpg)

*拡張後は、実際の2枚の画面の上に仮想の行が加わり、フレーム全体が縦に長くなったキャンバスに収まります。*

同じ方法はどの方向にも使えます。「上」を伸ばすと映像の下側が、「下」を伸ばすと上側が、「左」を伸ばすと右側が、「右」を伸ばすと左側が見えるようになります。

## ステップ6:プレビューしてスクラブする

**コンポーザーのタイムラインスライダーをドラッグして、動きが一方のスクリーンボックスからもう一方へどうつながるかを確認します。**

ライブ開始する前に、おかしな点がないか確認する絶好のタイミングです。電車が2枚の画面の間を通過するところまでスクラブしてみてください。動きが2枚の画面にまたがって、途切れずにつながって見えるはずです。

## ステップ7:ライブ開始

**再生コントロールの「ライブ開始」をクリックし、「Go Live（現在）」を選んで、動画を両方の画面にフルスクリーン表示します。**

ライブ開始

*ライブ開始ボタン。コンポーザーウィンドウの右下にあります。*

FloSyncは各画面にフルスクリーンウィンドウを開き、コンポーザーのコントロールは見えなくなります。ここからが本番です。プレビューボックスで見えていた映像が、いま実際の画面に映っています。

## ステップ8:下がって見てみる

**実際に見る人が立つ位置まで下がって、何回か通過するところを見てみましょう。**

終わったら、ESCを押すか、いずれかのフルスクリーンウィンドウの好きな場所をクリックすれば、終了してコンポーザーに戻れます。

## まとめ

この構成は小規模ですが、FloSyncで動かすもっと大きなウォールも、考え方は同じです。1本の映像を、使う画面の枚数に合わせてきれいに分割します。規模が大きくなると、ハードウェアやネットワークについて検討することが増えます。それはこのシリーズの続きで扱いますが、いま行った手順そのものは変わりません。

![明るい駅のコンコースに、ほぼ隙間なく並んだ2枚の画面。手前にはぶれて写る通行人のシルエットがあり、シカゴの「L」電車の映像が1枚の連続した映像として再生されている](https://flosync.com/images/screenshots/span-one-video-across-two-screens-station-mockup.jpg)

*同じ2画面構成を、駅のコンコースに設置した例です。*

毎日使うなら、[環境設定](https://flosync.com/ja/docs/preferences/)の「起動」セクションで「ログイン時に FloSync を起動」をオンにし、「自動ライブ開始」を「フルスクリーン」に設定しておきましょう。誰かがサインインすると、FloSyncが開いてライブ開始します。

これは、FloSyncの使い方を紹介する短いシリーズの、最初でもっともシンプルなガイドです。次のガイド:[3台のスクリーンで、時間帯によって自動的に切り替わるレストランメニューを作る方法](https://flosync.com/ja/blog/three-screen-restaurant-menu/)。

## よくある質問

### 設定した動画が伸びていたり切れていたりします。どのフィットモードを使えばいいですか？

FloSyncは「フィル」で始まります。両方の画面を隙間なく埋め、収まらない部分は切り落とします。別の見え方にしたい場合は、動画の設定を開いてください。「フィット」は映像全体を表示しますが黒帯が出ることがあり、「ストレッチ」は画面にぴったり合わせますが映像が歪みます。今回のような連続したシーンには、ストレッチはあまり向きません。

### 動画が分割されず、両方の画面に同じものが表示されるのはなぜですか？

それは「ミラー」モードです。ミラーでは、すべての画面に同じ映像全体が表示されます。スパンでは、1つの映像を複数の画面に分割して表示します。モードドロップダウンを「スパン」に切り替えてください。

### 2画面用に、動画のサイズや形を特定のものにする必要がありますか？

いいえ。一般的な動画であれば問題ありません。形のズレのほとんどは、FloSyncの「フィット」または「フィル」設定が自動的に処理してくれます。残りは、ステップ5のグローバルキャンバス拡張が、画面のまわりに仮想の空間を追加することで調整します。

### 動画の大事な部分が上か下で切れてしまいます。直せますか？

はい。これは、動画の形と2画面を合わせた形が一致しないために起こり、「フィル」が収まらない部分を切り落とします。グローバルキャンバス拡張（グリッドアイコン）を開き、欠けている部分と反対側に仮想の空間を追加してください。「上」を伸ばすと映像の下側が、「下」を伸ばすと上側が、「左」を伸ばすと右側が、「右」を伸ばすと左側が見えるようになります。上の手順5では、「上」を使う例を紹介しています。