WordPressサイトに埋め込んだVimeo動画のフルスクリーンボタンがChromeで非表示になってしまう

Question

実現したいこと

Vimeoの動画をwebサイトに埋め込み、Chromeでもフルスクリーンボタンが表示するようにしたい

• ▲▲機能を動作するようにする

前提

Vimeoにアップしている動画をWordPressサイトに埋め込んでいます。
埋め込みコードはVimeoから取得しているiframeが記述されているソースです。

発生している問題・エラーメッセージ

Chrome、Brave，MS Edgeで、プレーヤーのフルスクリーンボタンが表示されてない現象が起こっています。
iOS、MacのSafariでは問題なくフルスクリーンボタンが表示されています。

該当のソースコード

Vimeoから取得した埋め込み用コードはこのようになっていました

<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/XXXXXXXXXX?h=5cf6c31259&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="XXXXXXXXXX"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

試したこと

iframe内に、webkitallowfullscreen や mozallowfullscreen の記述がなかったので、下記のように追記してみましたが、現象は変わりませんでした。
解決に向けたヒントなどお知恵をお借りできればありがたいです。

<div style="padding:56.25% 0 0 0;position:relative;"> <iframe src="https://player.vimeo.com/video/XXXXXXXXXX?h=5cf6c31259&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen webkitallowfullscreen="true" mozallowfullscreen="true" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="XXXXXXXXXX"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Answer 1

vimeo側で出力するiframeの記述を一部変更することで、表示することができました。

元のソース（一部分）
allow="autoplay; fullscreen; picture-in-picture" allowfullscreen

書き換え
webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""