ページの背景としてYouTubeやvimeoの動画を追加するスクリプト|okvideo

YouTubeやVimeoの動画を簡単に背景にするスクリプトのメモ

jQueryです。
スクリプト本体は以下からダウンロード

okvideo

記述は以下

これだけで実装できます。簡単といえば簡単。

sample

確かに簡単に配置できるのですが少し癖もあるみたいで、気づいた点を。

よくあるスクリプトの、背景いっぱいに表示するタイプではなく、アスペクト比を保ったままで動画の全てを表示するタイプのようです。なので、ウインドウサイズによっては黒い部分が出てしまいます。オプションでなにか設定できるのかと思いましたが、見つけることができませんでした。

オプションについてgithubに記載があり、controlsはbooleanとなっていますが、実際には0と書かないと効きませんでした。そのあたりは曖昧なんでしょうか。

また、controlsを設定するとz-indexの設定が変わって、コンテンツよりも全面に出るようになってしまいます。cssでマイナスの値を設定してやると回避できますが、なんかこう、微妙です。

また、他のjQueryプラグインと干渉してる可能性があります。初めこのページ自体に背景として実装してみようとしたのですがうまく動かず、サンプルページでシンプルな構成にしてみたらあっさり動きました。どのプラグインとぶつかってるのかはもう調べませんでした。

以上、メモ程度に。