GoProのWebサイトのように背景で動画を再生したい時に使えるスクリプト「VIDE」

GoProのWebサイトのように背景で動画を再生したい時に使えるスクリプト
画面:GoPro

「新作映画・イベントのプロモーションWebサイトを制作したい」
「動画を活用して、商品やサービスの価値を伝えたい」

動画を活用したWebサイトを制作したいと考えた際、Webサイトの全体やファーストビューの部分で、大きく背景に動画を使用したいと考えることがあります。

例えば、今話題のGoProのWebサイトも、動画をファーストビューの背景に設置したWebサイトとなっています。

今回は、このようなWebサイトを制作するためのJavaScriptをご紹介します。

画面全体・特定領域の背景で動画を再生できる、便利なJavaScript

画面全体・特定領域全体の背景で動画を再生できる、便利なJavaScript

ご紹介したい、画面全体・特定領域の背景で動画を再生できる、便利なJavaScriptは、「VIDE」という名前で公開されています。このスクリプトは、誰でも簡単に動画を背景に設定できる、jQueryプラグインです。

便利なjQueryプラグイン「VIDE」の特徴

詳細の説明や使用方法は、こちらで確認ができます。

全てのモダンブラウザ(PC環境)に対応しています。 ※IEはバージョン9以降

基本的には、スマホやタブレットでは機能しないと考えた方が良いです。iOS環境(iPhone・iPad)では、機能しません。静止画のみ表示されます。Androidは一部の機種のみ動画が再生されます。

最後に:動画でターゲットの心を動かす

動画は、視覚(目)から得る情報と聴覚(耳)から得る情報の両方を、同時に伝えることが可能です。

動画を活用したマーケティングを実施すれば、企業規模に関わらず、ターゲットに対して、商品・サービスの魅力や企業としての想いを伝え、ネット上で多くの方にリーチすることもできます。

是非、動画マーケティングを選択肢の1つとして施策検討時に考えてみて下さい。

□動画マーケティングの成功事例↓↓
【感動CM】東北・盛岡の音楽教室のCMに涙する。地方企業が伝える音楽の力と動画マーケティング