YoutubeやVimeoの動画を手軽に背景指定できる、というスクリプトのご紹介。jQueryに依存しています。既に同等のものが存在しますが、使いやすそうだったので備忘録。

動画を手軽に背景指定出来る、というもの。

OKFocus video

動作サンプルです。

背景なので重ねたレイヤーの背景を透過すればマスクっぽく出来ますね。

 <script src='jquery.js'></script>
 <script src='okvideo.js'></script>

本体とスクリプトを読み込みます。

 $(function(){
        $.okvideo({ source: 'http://vimeo.com/*****', volume: 0 }) 
    });

VimeoまたはYoutubeの動画のURLを貼るだけ。これで背景に動画が流れます。ミュートはvolumeを0に指定します。

他にもオプションいろいろ。詳細は以下でご確認下さい。

OKFocus video