OKFOCUS_VIDEOのデモページ

【jQuery】YouTubeやVimeoの動画を背景に出来るプラグイン OK Focus Video

2014.09.21   3262


動画背景は以前、【jQuery】スタートアップには欠かせない!動画背景プラグインVIDEでも紹介しました。
今回は同じ動画背景系のプラグインでもYouTubeやVimeo上にある動画を「そのまま」且つ「簡単に」WEBサイトの背景に出来るOK Focus Videoプラグインの紹介です。


 

OK Focus Videoのデモ


Shakira – La La La (Brazil 2014) ft. Carlinhos Brown
 

OK Focus Videoプラグイン

 

OK Focus Videoの使い方

それではOK Focus Videoの使い方を見ていきましょう。
それぞれのコードを載せますね。

HTMLコード

CSSコード

JavaScriptコード

 

チェックポイント

動画背景として利用するには、上記のコードでJavaScript部分しか必要ありません。
HTMLとCSSはデモ用のために記述しています。
あとYouTubeなどで埋め込み動画の広告を表示に設定していると、画面下に広告が表示されてしまいますので、YouTube側の設定で広告表示をOFFにする設定を忘れないようにして下さい。

 

プラグインへ一言

YouTubeのURLを記述するだけだからなんとも楽

 

Feedlyで最新プラグインをチェック

follow us in feedly

良ければフォローもお待ちしております