jquery.mb.YTPlayerはContactForm7と使えない。

wpmaster

どんどんホームページ作りたい!やる気!モモコです!

 

最近はやりの(?)背景全面動画サイト!

弊社でも先日制作させていただきました「株式会社金鱗」様公式サイトにて実装せていただいております。

website_img_155
http://kinrin.jp/

 

そこで使用したjQueryが「jquery.mb.YTPlayer」なるもの。

こちらのjQuery、YouTubeの動画を簡単に背景に設定することができるのです。

メルセデス・ベンツ日本公式サイトでも使用されていたとの事。

 

【参照サイト】
YouTube動画を簡単に背景にするjQuery「jquery.mb.YTPlayer」
http://pannyatto.firebird.jp/archives/939

 

jQueryを読み込み、URLを貼りつけるだけで簡単に実装できる優れもので

オプションも色々設定可能。

私のスキルも1UP!なんて思っていました。

 

そしてサイト制作も大詰めを迎え、最終の動作確認をしていた時の事。

お問い合わせフォームが動かない。

 

えええええ、今ここまできてそれはないよー
実装したてのときは動いてましたよねー

ちーん。

 

サイトで使用しているお問い合わせフォームはWPではおなじみ「ContactForm7」
カスタマイズが簡単で、どんなことにも柔軟に対応できる優れもの!
…ここへきてへそを曲げられたか。

とりあえず原因究明を、ということでまずは使用中のプラグインをすべて停止。

まだ動かない。

Contact Form 7事態に問題があるのでは??一旦削除して再インストール。

まだ動かない。

ぐぬぬ。経験したことのないパターンだ。他に考えられること・・・

はっ!動画のやつ!今回初!

「jquery.mb.YTPlayer」をいったんソースから削除。

はい、動きましたー!

 

ということで、「jquery.mb.YTPlayer」と「Contact Form 7」は相性が悪いようです。

弊社の対策としては、header.phpを分けて、動画背景を使用するページにだけ

「jquery.mb.YTPlayer」を読み込むということにしました。

今回、動画が背景のページはTOPページだけだったので、“分ける”という選択をしましたが

ページが複数ある場合は条件分岐させるのも手だと思います。

ただ、「jquery.mb.YTPlayer」を使うと、「Contact Form 7」を使ったフォームのページは動画背景には出来ない、ということになりますので

どうしてもの場合は他のjqueryを探した方が良いかもしれません。

 

ウイン・ドゥ モモコ

wpmaster
この記事を書いた人

関連記事

  1. ウマしっ!

  2. インターンシップpart1

  3. お祭りの時期が来ました。

  4. 牡蠣だよ!全員集合!

  5. 実りの秋

  6. さんさん産直市に参加