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

最近WordPressテーマ「JIN」をカスタマイズしての制作案件が多いのですが、その中で「vimeoの埋め込み」をしたときにMacBookのsafariでのみ拡大表示(フルスクリーン)が機能しないとのお問い合わせをいただきました。

JINのフォーラムにそれっぽいものがあがっていたのですが、これと同じ現象かな?
(この時の問題に対して、実際にアップデートされたのか追えなかった・・・)

Vimeoの埋め込み動画の拡大表示の不具合|JIN Forum

ということで備忘がてら対応を残しておきます。

今回の問題の条件

  • WordPressテーマ「JIN」を使用I(カスタマイズは子テーマ)
  • 記事ページに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って見た目はもちろん動きや、使い勝手の良さもあり個人的にとっても好きなのですが、多機能な代わりにプラグインや外部サービスと干渉しがちな気がする・・・??

-WEBお役立ち情報, Web制作, WordPress

Copyright© Webマーケティングのもり , 2022 All Rights Reserved.