思わず見入ってまう!フル動画プラグイン!

2014.08.19

フル動画を採用しているサイトってあまりお目にかかれないですね。
ただ楽しんでもらうだけのサイト とか CM とかなら結構見かけたりしますが、
使えるブラウザは限られるし、スマホではムリだしで
通常サイトだとデメリットの方が大きいです。
使うとしてもメインから外れたとこでないとキツイ!
 

とは言え、こんなサイトを遊びでもいいから作ってみたい!と思った方
こちらのプラグインをどうぞ!
 

簡単に設置はできますが、ローディングがえらい長くならないよう、動画サイズに配慮が必要です!

 

vide

liruu01
URL & DEMO:
http://vodkabears.github.io/vide/
 
「Easy as hell」
地獄のように簡単・・・
ブラックユーモアかぁ
 

サイトを見ると、フルフルで動画がループされてます!
動画をスローモーションにしているのと、
階調を反転させているので、
 

なんだかとても不思議なぁ・・・
気を付けないと、
中毒性がありそうなぁ・・・
瞳孔がめちゃんこ開いてきてぇ・・・
マインドコントロールとかされちゃいそうなぁぁぁ・・・
 

はぁっっ
ブラックユーモアにまんまとハマってもうたっ!!
 

フルフル動画 使い方

1.まず、DL
以下からダウンロードしてください。
DOWNLOAD:
http://vodkabears.github.io/vide/
 
同梱ファイルで必要なものだけPick Up!
 

Vide-master
∟ examples
∟ video
∟ ocean.jpg ocean.mp4
∟ block-bg.html
∟ body-bg.html
∟ src
∟ jquery.vide.js
 

2.BODYに動画を設置する場合
「examples」の「body-bg.html」をそのまま使えばOK。
 

3.ページの一部に動画を設置する場合
「examples」の「block-bg.html」をそのまま使えばOK。
 

スマホの場合、動画を引っ込めて
「examples」「video」「ocean.jpg」を表示するように設定してあります。
 

ちゃんとサンプルデータを用意してくれてると助かりますね!
Webサイトテンプレート
WEBサイトホームページ制作
Webサイトテンプレート

Contact

About us

ご要望に沿いながら、効果を最大限に引き出すデザインや柔軟な企画アイディアを創造することをモットーに、東京を拠点として活動を広げています。

About us

Contact

WEBサイト制作などのご質問やご依頼は、メールフォームにて承っております。
ご送付いただいてから、7営業日以内に返信いたします。
 
サイトリニューアルやキャラクター制作などをお考えでしたら、ぜひお問合せください。

Contact