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に指定します。
他にもオプションいろいろ。詳細は以下でご確認下さい。