Fusion Slides 動画スライドオプション

Fusion Sliderでは、以下の4つを背景にしたスライドを作成することができます。

画像
サイトに直接アップロードする動画（WebMやMP4）
YouTubeを使った動画
Vimeoを使った動画

このコンテンツでは、2・3・4の動画スライドオプションについて解説しています。

Fusion Sliderでは、サイトに動画をアップロードし表示する方法と、YouTubeやVimeoを使った方法でスライド内に動画を背景として再生させることができます。ただし、前者のやり方ではモバイルやIEで動画を再生することができなかったり、サーバーの負担になるケースが考えられます。
基本的にYouTubeやVimeoを使いましょう。

全スライド共通オプションについては【Fusion Slides 画像スライド】で解説しています。
【Fusion Slider スライダーオプション】と合わせてご覧ください。

↓まとめページはこちらから↓

Fusion Slider まとめ

Fusion Sliderは、Fusion Coreプラグインを有効化することで使用することができるようになる機能の1つです。その名の通り、スライダーを作成することができます。Fusion Sliderの特徴は、スライダー毎に細かい設定が利用でき、画像だけでなく動画をスライダーに組み...

1.動画スライド共通設定

このセクションでは、動画スライドの共通設定に関するオプションについて解説しています。

1-1 Video Color Overlay / オーバーレイ

このオプションは、スライドを色を重ねてオーバーレイで表示することができます。

ただし、オーバーレイは要素の上に要素を重ねる表示方法なので、【1-5 Hide Video Controls / コントローラーを隠す】のコントローラーや画面をクリックで再生・停止といった機能が動作しなくなります。また、設定は1つ1つのスライドで行うことができますが、スライド全体に適用されてしまいます。

以上のことに注意してこのオプションを設定しましょう。

1-2 Mute Video / ミュート

このオプションを有効にすると、動画がミュート（消音）します。

1-3 Autoplay Video / 自動再生

このオプションを有効にすると、ページ読み込み時に動画を自動再生します。

1-4 Loop Video / 繰り返す

このオプションを有効にすると、動画を繰り返し再生します。

1-5 Hide Video Controls / コントローラーを隠す

このオプションを有効にすると、YouTubeまたは直接サイトにあげた動画のコントローラーを隠すことができます。なお、Vimeoについてはこのオプションは表示されません。

基本的にコントローラーがないと再生・停止はできません。
スライド全体をクリックすることで再生・停止は可能ですが、スライドにリンクを貼っている場合だとリンク先に飛んでしまいます。そのためこのオプションを有効にする場合は、【1-3 Autoplay Video / 自動再生】も合わせて有効にしておくといいでしょう。

また、コントローラーを表示させる場合は、次のセクションで解説している【2-3 Video Display Mode / ディスプレイモード】をContainにしておきましょう。Coverだと画面のサイズによってはコントローラーが隠れてしまう可能性があります。

なお、直接サイトにあげた動画はディスプレイモードのオプションがありませんので、コントローラーを表示する場合は注意しましょう。