最近WordPressテーマ「JIN」をカスタマイズしての制作案件が多いのですが、その中で「vimeoの埋め込み」をしたときにMacBookのsafariでのみ拡大表示(フルスクリーン)が機能しないとのお問い合わせをいただきました。
JINのフォーラムにそれっぽいものがあがっていたのですが、これと同じ現象かな?
(この時の問題に対して、実際にアップデートされたのか追えなかった・・・)
Vimeoの埋め込み動画の拡大表示の不具合|JIN Forum
ということで備忘がてら対応を残しておきます。
今回の問題の条件
- WordPressテーマ「JIN」を使用 (カスタマイズは子テーマに)
- 記事ページにvimeoを埋め込んでいる
- MacBookの「safari」を使った時のみvimeoの拡大表示が使えない
- Google Chromeやfirefoxでは問題なし
safariだと記事に埋め込んだvimeoの拡大表示ができない
個別記事ページ(管理画面の「投稿」から新規作成・更新できるページ)にvimeoを埋め込み、通常であれば下記画像の枠内のアイコンをクリックすると拡大表示(フルスクリーン)されるのですが・・・
MacBookのsafariで表示した時はこんな感じ。
拡大表示したはずなのに、普通にサイト+謎の黒い四角が表示されてしまいます。
実際にやったこと
single.php か functions.php あたりが怪しいな〜と思い探っていたところ、見つけました↓
single.php
「is_animation_style」関数が影響しているようなので、これを削除もしくはコメントアウトでOK。
この関数はcustom.phpで定義されているっぽい(まだ確認できてない)
JINのカスタマイズ案件が増えて思ったこと
WordPressテーマのJINって見た目はもちろん動きや、使い勝手の良さもあり個人的にとっても好きなのですが、多機能な代わりにプラグインや外部サービスと干渉しがちな気がする・・・??