【備忘】WordPressテーマ「JIN」でのvimeo拡大表示不具合について(safari)

最近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って見た目はもちろん動きや、使い勝手の良さもあり個人的にとっても好きなのですが、多機能な代わりにプラグインや外部サービスと干渉しがちな気がする・・・??

RELATED POST

関連記事

MW WP Formのセレクトボックスで未選択の場合、確認画面では表示を変更したい
WordPress有料プラグイン「MemberPress」で会員・非会員に対して、セクション単位で公開範囲を制限する
WordPressで特定ページのbodyタグに任意のクラス名を追加する方法|functions.php