最近以下のような要件のブログサイト制作案件を頂いたのでうまくいった方法を備忘録としてまとめます。
- ①トップページのヘッダー背景にYouTube動画を流したい
- ②ワードプレスでサイトを作りたい
- ③スマートフォンでも動画が表示されるようにしたい
ワードプレスのプラグインは豊富なので上記要件を満たすテーマとプラグインの組み合わせはすぐに見つかるだろうと思ったのですが、スマートフォン表示に対応しているものがなかなか見つからず予想外に苦戦しました・・・。
結果として最もうまくいったのは、以下のテーマとプラグインの組み合わせです。
Lightning
無料で使えるワードプレステーマです。
Lightning Video Unit
Vektor WordPress Solutionsの有料プラグイン。
実際に実装をしてみたところ、ヘッダー背景に流れる映像がスマートフォンでもしっかりと表示をされました。
オリジナル動画をいろいろな環境に合わせて表示するとなると以外と厄介ですのでワードプレステーマとプラグインで実現ができると費用も抑えられて助かりますね。
ただ有料プラグインのためいつまでサポートが継続されるかというのは少々心配なところはあります。
今後公式テーマでちゃんと対応してくれるものが出てくるとよいですね。